body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; overflow:hidden}
body, a, img, a, object{outline:none}


body.inicio{background:url(../imagenes/bg_general_inicio.jpg) top left no-repeat}
body.web{background:url(../imagenes/bg_general_web.jpg) top left no-repeat}
body.host{background:url(../imagenes/bg_general_hosting.jpg) top left no-repeat}
body.animacion{background:url(../imagenes/bg_general_animacion.jpg) top left no-repeat}
body.imagen{background:url(../imagenes/bg_general_imagen.jpg) top left no-repeat}
body.portafolio{background:url(../imagenes/bg_general_portafolio.jpg) top left no-repeat}
body.soporte{background:url(../imagenes/bg_general_soporte.jpg) top left no-repeat}
body.contacto{background:url(../imagenes/bg_general_contacto.jpg) top left no-repeat}
body.quienes{background:url(../imagenes/bg_general_quienes.jpg) top left no-repeat}
body.pagos{background:url(../imagenes/bg_general_pagos.jpg) top left no-repeat}


#top{background:#333; position:absolute; color:#CCC; font-size:10px; height:25px; width:100%;}
#top p{margin:6px 0px 0px 5px}
#redes{position:absolute; right:5px; margin:3px 0px 5px 0px}
#menuTop{position:absolute}
#compartenos{position:absolute; right:90px; color:#FF0; margin:1px 0px 0px 0px}

#menuTop a:link{text-decoration:none; color:#CCC}
#menuTop a:visited{text-decoration:none; color:#CCC}
#menuTop a:active{text-decoration:none; color:#CCC}
#menuTop a:hover{text-decoration:none; color:#FF0}

#menu{background:url(../imagenes/bg-menu.png) repeat-x; height:84px; width:100%; bottom:0px; position:absolute}
#menu ul{list-style:none; margin:50px 0px 0px 0px; padding:0px}
#menu li{display:inline}

#menu a{display:inline;}

#menu a.menu:link{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px; border-left:#333 dotted thin}
#menu a.menu:visited{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px; border-left:#333 dotted thin}
#menu a.menu:active{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px; border-left:#333 dotted thin}
#menu a.menu:hover{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px; border-left:#333 dotted thin}

#menu a.noBorde:link{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px;}
#menu a.noBorde:visited{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px;}
#menu a.noBorde:active{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-link-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px;}
#menu a.noBorde:hover{color:#FFF; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px; padding:50px 10px 15px 10px;}

#menu a.active:link{color:#FF0; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px; }
#menu a.active:visited{color:#FF0; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px; }
#menu a.active:active{color:#FF0; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px;}
#menu a.active:hover{color:#FF0; text-decoration:none; font-size:14px; background:url(../imagenes/bg-hover-menu.png) no-repeat top center; height:84px; }

#logo{margin:0px 20px 0px 0px; text-align:right}

#contenido{width:1000px; height:450px; margin:0px 0px 120px 0px; left:50%; margin-left:-500px; position:absolute; bottom:0px; padding:0px;}

#contenido h1{margin:20px 0px 0px 51px; padding:10px 10px 10px 50px; background:url(../imagenes/bg-titulos.png) left no-repeat; font-size:24px; color:#FFF;}
#contenido h1 a:link{color:#FFF; text-decoration:underline}
#contenido h1 a:active{color:#FFF; text-decoration:underline}
#contenido h1 a:visited{color:#FFF; text-decoration:underline}
#contenido h1 a:hover{color:#FFF; text-decoration:none}

#contenido p{font-size:12px; text-align:justify}
#contenido ul{font-size:12px}
#contenido a:link{text-decoration:underline; color:#000}
#contenido a:visited{text-decoration:underline; color:#000}
#contenido a:active{text-decoration:underline; color:#000}
#contenido a:hover{text-decoration:none; color:#000}
#marcoContenido{border:#FFF solid thin; padding:0px; width:900px; margin:0px 0px 0px 50px; background:url(../imagenes/bg_contenido.png) repeat;}
#marcoContenido p{margin:20px 20px 20px 20px; line-height:20px}
#marcoContenido form{margin:0px 0px 0px 20px}
#marcoContenido h2{color:#000; font-size:14px; margin:0px 0px 0px 20px}
#marcoContenido h3{color:#030; font-size:20px; margin:0px 0px 0px 20px}
#marcoContenido fieldset{border:#000 solid thin; font-size:12px}
#marcoContenido .text{width:300px; margin:2px 0px 7px 0px; border:none; padding:3px}
#marcoContenido .textTres{width:400px; margin:2px 0px 7px 0px; border:none; padding:3px}
#marcoContenido .textDos{width:250px; margin:2px 0px 7px 0px; border:none; padding:3px}
#marcoContenido .area{width:300px; height:70px; margin:2px 0px 7px 0px; border:none; padding:3px}
#marcoContenido .areaDos{width:387px; height:60px; margin:2px 0px 7px 0px; border:none; padding:3px}
#marcoContenido .contacto{color:#000; font-size:12px;}
#marcoContenido .boton{background:#ebebeb; padding:3px; cursor:pointer; margin-top:8px; border:none}
#marcoContenido ul{margin:0px 0px 0px 30px}
#marcoContenido p.color{padding:3px; border:#FFF solid thin; background:#f5853c}
#marcoContenido p.color:hover{background:#e77e39; padding:3px; border:#FFF solid thin}
#botonContratar{position:relative; text-align:right; font-size:11px; background:#333; font-weight:bold}
#botonContratar a:link{padding:3px; text-decoration:none; display:block; border-top:#FFF solid thin; color:#FFF;}
#botonContratar a:visited{padding:3px; text-decoration:none; display:block; border-top:#FFF solid thin; color:#FFF;}
#botonContratar a:active{padding:3px; text-decoration:none; display:block; border-top:#FFF solid thin; color:#FFF;}
#botonContratar a:hover{padding:3px; text-decoration:none; display:block; border-top:#FFF solid thin; color:#CCC; background:#000;}



/*//////////////////////////////////////////////////////*/
/* Estilos Para Todos Portafolio */
/*//////////////////////////////////////////////////////*/

.panel {
	width:182px;
	margin: 5px;
	padding:5px;
	color:#FFF;
	border:1px solid #5B5B5B;
	background:#383838 url(../imagenes/carousel-panel-bg.png) bottom left repeat-x;
}

.panel-text p{color:#FFF}

.carousel .panel .panel-text {
	padding-top:0px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

.carousel .panel .panel-text a:link, a:active, a:visited {
	color:#CCC;
	text-decoration:none;
	background:none
}

.carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
	background:none
}


a img {
	border:none; background:none
}


ul.portafolio li{list-style:none; display:inline-block}
ul.portafolio{margin:0px 0px 0px 5px; padding:0px}
.carousel p{color:#FFF}
.carousel a{color:#FFF}
.carousel img{width:182px; height:118px}

.cuadroInicio{width:500px;}
.cuadroRSE{background:url(../imagenes/bg-rse.png) center no-repeat; width:370px; height:300px;}
.cuadroRSE p{margin:0px; padding:0px; color:#FFF}
.cuadroRSE h2{background:none; margin:20px 0px 0px 10px; padding:20px 0px 0px 0px; color:#FFF}
.botonRSE{width:355px}