@charset "utf-8";
/* CSS Document */
/* Makeshift CSS Reset */
{
	margin: 0;
	padding: 0;
}

:focus {
	outline:0;
}

/* Tell the browser to render HTML 5 elements as block */

* {margin:0; padding:0;}

header, footer, aside, nav, article {
	display: block;
}

body {
	margin: 10px auto;
	width: 960px;
	font: 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #ccc;
}

a img {
	border:none;
}

#main {
	background-color:#FFFFFF;
	border-radius: 25px 25px 0 0;
}

header {
	width:960px;
	height:375px;
	position:absolute;
	z-index:1;
}

.banner {
	width:100%;
}

.banner_2 {
	width:100%;
	position:absolute;
	top:299px;
	left:0px;
}

#logo {
	position:absolute;
	top:3px;
	left:275px;
}

#slogan {
	position:absolute;
	top:69px;
	left:455px;
	font-style:italic;
	font-weight:bold;
	font-size:10px;
}

#links {
	position:absolute;
	right:25px;
	top:8px;
	text-align:right;
	font-size:16px;
}

.botonlogin {
	background-image:url("http://www.vyvoa.com/img/nohover.png");
	background-position:left center;
	width:60px;
	height:20px;
	border: 1px solid #000;
	text-align:center;
	margin-bottom:10px;
	border-radius:7px;
	text-shadow:#000;
	line-height:20px;
	font-size:14px;
	box-shadow: 3px 3px 3px #888;
	moz-box-shadow: 3px 3px 3px #888;
	margin-left:45px;
}

.botonlogin a{
	text-decoration:none;
	color:#FFFFFF;
}

.botonlogin:hover{
	background-image:url("http://www.vyvoa.com/img/hover.png");
	background-position:left center;
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:#000;
}




#links img{
	width:15px;
	height:15px;
	margin-left: 2px;
	margin-bottom:10px;
	box-shadow: 3px 3px 3px #888;
	moz-box-shadow: 3px 3px 3px #888;
}

#lang {
	font-size:11px;
}

#lang a {
	color:#000;
	text-decoration:none;
}

#lang a:hover {
	color:#ed1c24;
}

#photobanner {
	position:absolute;
	top:70px;
	left:0x;
	z-index:-2;
}

#photobanner img {
	width:586px;
}

#avisobanner {
	position:absolute;
	top:124px;
	left:586px;
	z-index:-1;
}

#menu {
	position:absolute;
	top:305px;
	left:375px;
	font-size:13px;
	}

#menu ul li {
	display:inline;
	padding: 0 10px;
}

#menu ul li a{
	color:#FFF;
	text-decoration:none;
}

#menu ul li a:hover{
	color:#CCC;
}

#content {
	padding:380px 30px 15px 30px;
}

#indexpage {
	width:940px;
}

#indexpage td {
	vertical-align:top;
}

.submenu{
	display:table;
}

.botonlat {
	background-image:url("http://www.vyvoa.com/img/nohover.png");
	width:138px;
	height:38px;
	border: 1px solid #000;
	text-align:center;
	margin-bottom:10px;
	border-radius:7px;
	text-shadow: 3px 3px 3px #000;
	line-height:38px;
	font-size:18px;
	box-shadow: 3px 3px 5px #888;
	moz-box-shadow: 3px 3px 5px #888;
}

.botonlat a{
	text-decoration:none;
	color:#FFFFFF;
}

.botonlat:hover{
	background-image:url("http://www.vyvoa.com/img/hover.png");
	color:#FFFFFF;
	text-decoration:none;
}

.botonlat1 {
	background-image:url("http://www.vyvoa.com/img/hover.png");
	width:138px;
	height:38px;
	border: 1px solid #000;
	text-align:center;
	margin-bottom:10px;
	border-radius:7px;
	text-shadow: 3px 3px 3px #000;
	line-height:38px;
	font-size:18px;
	box-shadow: 3px 3px 5px #888;
	moz-box-shadow: 3px 3px 5px #888;
}

.botonlat1 a{
	text-decoration:none;
	color:#FFFFFF;
}

.botonlat1:hover{
	
	color:#FFFFFF;
	text-decoration:none;
}


.solutions a {
	display:table-cell;
	float:left;
	background: url("http://www.vyvoa.com/img/solutions.png") no-repeat top center;
	width: 125px;
	height: 34px;
	text-decoration: none;
	margin-bottom:10px;
}

.solutions a:hover { background: url("http://www.vyvoa.com/img/solutions.png") no-repeat bottom center; text-decoration: none; }

#extras {
	display:table;
}

#indice {
	padding-right:30px;
}

#indice h1.pagetitle{
	margin-top:-10px;
	margin-bottom:10px;
	font-size:24px;
	text-align:center;
}

#indice h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 10px 0;
}

#indice p.font{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
}

#alineado {
	display:table;
}

#servicio1 {
	display:table-cell;
	float:left;
	margin: 0px 30px 30px 50px;
	font-size:18px;
	width:273px;
	height:243px;
	background-image:url("http://www.vyvoa.com/img/serv-it.png");
}

#servicio1 h1 {
	font-size:18px;
	padding:20px 10px 0 50px;
	font-weight:normal;
}

#servicio1 p {
	font-size:12px;
	line-height:18px;
	padding:20px 40px 0 50px;
}

#servicio1 p.more {
	padding:33px 0px 0 145px;
	text-shadow: 2px 2px 2px #000;
}

#servicio1 p.more a {
	color:#FFF;
	text-decoration:none;
}

#servicio1 p.more a:hover {
	text-decoration:underline;
}

#servicio2 {
	display:table-cell;
	float:left;
	margin: 0px 0px 30px 30px;
	font-size:18px;
	width:273px;
	height:243px;
	background-image:url("http://www.vyvoa.com/img/serv-sec.png");
}

#servicio2 h1 {
	font-size:18px;
	padding:20px 10px 0 38px;
	font-weight:normal;
}

#servicio2 p {
	font-size:12px;
	line-height:18px;
	padding:20px 52px 0 38px;
}

#servicio2 p.more {
	padding:33px 0px 0 62px;
	text-shadow: 2px 2px 2px #000;
}

#servicio2 p.more a {
	color:#FFF;
	text-decoration:none;
}

#servicio2 p.more a:hover {
	text-decoration:underline;
}

#servicio3 {
	display:table-cell;
	float:left;
	margin: 0px 30px 20px 50px;
	font-size:18px;
	width:273px;
	height:243px;
	background-image:url("http://www.vyvoa.com/img/serv-av.png");
}

#servicio3 h1 {
	font-size:18px;
	padding:20px 10px 0 50px;
	font-weight:normal;
}

#servicio3 p {
	font-size:12px;
	line-height:18px;
	padding:20px 40px 0 50px;
}

#servicio3 p.more {
	padding:33px 0px 0 145px;
	text-shadow: 2px 2px 2px #000;
}

#servicio3 p.more a {
	color:#FFF;
	text-decoration:none;
}

#servicio3 p.more a:hover {
	text-decoration:underline;
}

#servicio4 {
	display:table-cell;
	float:left;
	margin: 0px 0px 20px 30px;
	font-size:18px;
	width:273px;
	height:243px;
	background-image:url("http://www.vyvoa.com/img/serv-com.png");
}

#servicio4 h1 {
	font-size:18px;
	padding:20px 10px 0 38px;
	font-weight:normal;
}

#servicio4 p {
	font-size:12px;
	line-height:18px;
	padding:20px 52px 0 38px;
}

#servicio4 p.more {
	padding:33px 0px 0 62px;
	text-shadow: 2px 2px 2px #000;
}

#servicio4 p.more a {
	color:#FFF;
	text-decoration:none;
}

#servicio4 p.more a:hover {
	text-decoration:underline;
}

ul.servicelist {
	list-style-image: url("http://www.vyvoa.com/img/vineta.png");
}

ul.servicelist li{
	margin-bottom:5px;
}
	

ul.subservice {
	list-style:circle;
	font-size:16px;
}

ul.subservice li{
	margin-bottom:2px;
}
	

.support {
	color:#999;
}

.extras h3{
	width:85%;
	border-bottom: 1px solid #999;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
}

#subfooter{
	background-color:#ed1c24;
	width:960px;
	height:50px;
	border-radius: 0 0 25px 25px;
	color:#fff;
	text-align:center;
}

#footinfo {
	padding-top:14px;
	list-style-type:none;
	margin-left:0px;
}

#footinfo ul li {
	display:inline;
	padding:0 10px 0 10px;
	border-right: 1px solid #fff;
}

#footinfo ul li.noborder {
	border-right:0px;
}

footer {
	padding-top:15px;
	color:#000000;
	font-size:9px;
	text-align:center;
}

footer a {
	color:#000;
	text-decoration:none;
}

footer a:hover {
	color:#fff;
	text-decoration:none;
}

footer #footnav {
	list-style-type:none;
}

footer #footnav ul li {
	margin-left:10px;
	display:inline;
	padding:0 35px 0 0;
}

/* INTERIOR */

div #leadteam {
	margin-top:10px;
}

#leadteamt {
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	font-weight:bold;
	width:90%;
}

#leadteamt a {
	color:black;
	text-decoration:none;
}

ul.leadership {
	margin-top:0px;
	margin-left:20px;
}

ul.leadership a {
	text-decoration:none;
}

ul.leadership a li {
	list-style-type:circle;
	color:#555;
}

ul.leadership a:hover li{
	color:#000;
	list-style-image: url("http://www.vyvoa.com/img/vineta.png");
}

ul.leadership a.active li{
	color:#000;
	list-style-image: url("http://www.vyvoa.com/img/vineta.png");
}

#leadphotos {
	display:table;
	margin-bottom:30px;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#photospace {
	width:50px;
}

#leadphoto {
	background-image:url("http://www.vyvoa.com/img/fototemplate.png");
	background-repeat:no-repeat;
	display:table-cell;
	width:170px;
	height:249px;
}

#leadphoto.ggal {
	background-image:url("http://www.vyvoa.com/img/fotoggal.png");
}

#leadphoto.vgri {
	background-image:url("http://www.vyvoa.com/img/fotovgri.png");
}

#leadphoto a {
	text-decoration:none;
}

#photoname {
	margin-top:190px;
	margin-left:10px;
	color:#555;
	font-weight:bold;
	font-size:16px;
}

a:hover #photoname {
	color:#000;
}

#photopos {
	margin-left:10px;
	color:#000;
	font-size:12px;
	line-height:13px;
}

#loginlogos {
	display:block;
}

#loginlogo {
	display:inline-block;
	width:130px;
	height:130px;
}

.logingoogle a {
	display:inline-block;
	width:130px;
	height:130px;
	text-align:center;
	background:url("http://www.vyvoa.com/img/login-googleapps.png") no-repeat top center;
}

.logingoogle a:hover {
	background:url("http://www.vyvoa.com/img/login-googleapps-hover.png") no-repeat top center;
}

.loginoffice a {
	display:inline-block;
	width:130px;
	height:130px;
	text-align:center;
	background:url("http://www.vyvoa.com/img/login-office.png") no-repeat top center;
}

.loginoffice a:hover {
	background:url("http://www.vyvoa.com/img/login-office-hover.png") no-repeat top center;
}

.loginsugar a {
	display:inline-block;
	width:130px;
	height:130px;
	text-align:center;
	background:url("http://www.vyvoa.com/img/login-sugar.png") no-repeat top center;
}

.loginsugar a:hover {
	background:url("http://www.vyvoa.com/img/login-sugar-hover.png") no-repeat top center;
}

.loginscanbiz a {
	display:inline-block;
	width:130px;
	height:130px;
	text-align:center;
	background:url("http://www.vyvoa.com/img/login-scanbiz.png") no-repeat top center;
}

.loginscanbiz a:hover {
	background:url("http://www.vyvoa.com/img/login-scanbiz-hover.png") no-repeat top center;
}

.loginzoho a {
	display:inline-block;
	width:130px;
	height:130px;
	text-align:center;
	background:url("http://www.vyvoa.com/img/login-zoho.png") no-repeat top center;
}

.loginzoho a:hover {
	background:url("http://www.vyvoa.com/img/login-zoho-hover.png") no-repeat top center;
}

#profile {
	font-family:Georgia, "Times New Roman", Times, serif;
}

#profilehead {
	background:url("http://www.vyvoa.com/img/profilehead.png") no-repeat;
	width:600px;
	height:275px;
}

#profileimg img {
	margin:15px 0 0 15px;
	float:left;
	width: 200px;
	height:auto;
}

#profilename {
	padding:30px 0 0 20px;
	font-size:36px;
	line-height:46px;
	font-weight:bold;
	text-shadow: 2px 2px 2px #999;
}

#profilepos {
	float:right;
	padding:80px 20px 0 0;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}

#profilebody {
	background:url("http://www.vyvoa.com/img/profilebody.png") repeat-y;
	width:600px;
}

#profilebody p {
	margin: 0 20px 10px 20px;
}

#profilebody p.last {
	margin-bottom: 0px;
}

#profilesec {
	background:url("http://www.vyvoa.com/img/profilesec.png") no-repeat;
	width:200px;
	height:26px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding-left:5px;
	color:white;
	font-size:18px;
	font-weight:bold;
	line-height:23px;
}

#profileclients {
	margin-left: 20px;
	margin-bottom: 5px;
	font-weight:bold;
}

#profileclients #profiledate {
	float:right;
	margin-right: 20px;
}

#profilefoot {
	background:url("http://www.vyvoa.com/img/profilefoot.png") no-repeat;
	width:600px;
	height:85px;
	margin-top:-10px;
}

.botonsol {
	background:url("http://www.vyvoa.com/img/itsolutions.png") bottom left no-repeat;
	width:124px;
	height:33px;
	text-shadow: 2px 2px 2px #999;
	line-height:33px;
	font-size:18px;
	padding-left:35px;
	border-bottom:1px #999 dotted;
}

.botonsol:hover {
	background:url("http://www.vyvoa.com/img/itsolutions.png") top left no-repeat;
}

.botonsec {
	background:url("http://www.vyvoa.com/img/security.png") bottom left no-repeat;
	width:124px;
	height:33px;
	text-shadow: 2px 2px 2px #999;
	line-height:33px;
	font-size:18px;
	padding-left:35px;
	border-bottom:1px #999 dotted;
}

.botonsec:hover {
	background:url("http://www.vyvoa.com/img/security.png") top left no-repeat;
}

.botona-v {
	background:url("http://www.vyvoa.com/img/audio-video.png") bottom left no-repeat;
	width:124px;
	height:33px;
	text-shadow: 2px 2px 2px #999;
	line-height:33px;
	font-size:18px;
	padding-left:35px;
	border-bottom:1px #999 dotted;
}

.botona-v:hover {
	background:url("http://www.vyvoa.com/img/audio-video.png") top left no-repeat;
}

.botoncom {
	background:url("http://www.vyvoa.com/img/communication.png") bottom left no-repeat;
	width:124px;
	height:33px;
	text-shadow: 2px 2px 2px #999;
	line-height:33px;
	font-size:18px;
	padding-left:35px;
}

.botoncom:hover {
	background:url("http://www.vyvoa.com/img/communication.png") top left no-repeat;
}

#botonlat2 a{
	text-decoration:none;
	color:#555;
}

#botonlat2 a:hover{
	color:#000;
	text-decoration:none;
}

#contacto {
	margin-left:20px;
	margin-right:20px;
	padding: 10px;
	background-color:#EEE;
	border: 1px solid #ed1c24;
	border-radius: 10px;
}

#contact_title {
	background-color: #ed1c24;
	font-size:16px;
	line-height:36px;
	padding-left:20px;
	color:#FFF;
}

#contact_form {
	padding: 20px 75px 10px 75px;
	background-color: #CCC;
}

#contact_form label {
	text-transform:uppercase;
}

#contact_form input, #contact_form textarea {
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #999;
	moz-box-shadow: 0 0 5px 2px #999;
	webkit-box-shadow: 0 0 5px 2px #999;
	padding:5px 10px;
	margin-bottom: 15px;
	width:470px;
}

#contact_form select {
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #999;
	moz-box-shadow: 0 0 5px 2px #999;
	webkit-box-shadow: 0 0 5px 2px #999;
	padding:5px 10px;
	margin-bottom: 15px;
	width:235px;
	font-family:Verdana, Geneva, sans-serif;
}

#contact_form select option:focus{
	background: #ed1c24;
}

#contact_form input.value {
	color:#DDD;
}

#contact_form input.button {
	width:75px;
	margin-top:15px;
	font-family:Verdana, Geneva, sans-serif;
}

#contact_form input.button:hover {
	background: #fac5c6;
}

#contact_form input:hover {
	background: #fff;
	border: 1px solid #ed1c24;
}

#contact_form input:focus {
	background: #fac5c6;
	border: 1px solid #ed1c24;
}

#contact_form textarea:hover, #contact_form select:hover, #contact_form select:focus {
	background: #fff;
	border: 1px solid #ed1c24;
}

#contact_form textarea:focus {
	background: #fac5c6;
	border: 1px solid #ed1c24;
}

#calendar {
	background: url(http://www.vyvoa.com/img/bg_mousepad.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 650px;
	height: 855px;
	font-family: Helvetica;
	padding: 20px;
}

.month {
	width: 200px;
	background: url(http://www.vyvoa.com/img/month_bg.png) top repeat-x;
	border: 1px solid black;
	border-radius: 10px;
	box-shadow: 3px 3px 5px #AAA;
	font-weight: bold;
	font-size: 12px;
	margin-top:15px;
}

.month a {
	text-decoration: none;
	color: white;
}

.month img {
	margin-top:-18px;
}

.month img.derecha {
	margin-top:-18px;
	margin-left: -333px;
}

.event {
	width: 14px;
	height: 14px;
	border-radius: 7px;
	color:#FFF;
	line-height: 14px;
	text-align:center;
	margin-top:1px;
	margin-bottom:1px;
}

.calendarkey {
	background: white;
	border: 1px solid black;
	padding:5px;
	width: 400px;
	text-align: left;
}

.circle {
	background:white;
	height:20px;
	width: 20px;
	float:right;
	border-radius:14px;
	margin:-3px -3px -3px 5px;
	text-align:center;
	line-height:20px;
	color:black;
}

.dates
{
	color: #FFF;
	font-size: 12px;
	padding:5px;
	float:right;
	width:97%;
	font-family:Arial Black, Gadget, sans-serif;
	line-height: 10px;
}

#contact_form2 {
	padding: 10px;
}

#contact_form2 label {
	text-transform:uppercase;
}

#contact_form2 input, #contact_form2 textarea {
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #999;
	moz-box-shadow: 0 0 5px 2px #999;
	webkit-box-shadow: 0 0 5px 2px #999;
	padding:5px 10px;
	margin-bottom: 15px;
	width:150px;
}

#contact_form2 select {
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #999;
	moz-box-shadow: 0 0 5px 2px #999;
	webkit-box-shadow: 0 0 5px 2px #999;
	padding:5px 10px;
	margin-bottom: 15px;
	width:170px;
	font-family:Verdana, Geneva, sans-serif;
}

#contact_form2 select option:focus{
	background: #ed1c24;
}

#contact_form2 input.value {
	color:#DDD;
}

#contact_form2 input.button {
	width:65px;
	font-family:Verdana, Geneva, sans-serif;
}

#contact_form2 input.button:hover {
	background: #fac5c6;
}

#contact_form2 input:hover {
	background: #fff;
	border: 1px solid #ed1c24;
}

#contact_form2 input:focus {
	background: #fac5c6;
	border: 1px solid #ed1c24;
}

#contact_form2 textarea:hover, #contact_form2 select:hover, #contact_form2 select:focus {
	background: #fff;
	border: 1px solid #ed1c24;
}

#contact_form2 textarea:focus {
	background: #fac5c6;
	border: 1px solid #ed1c24;
}