/* Makeiteasy 
14/03/2010
Miguel Alvarez */

/* Fuentes Embebidas */
@font-face {
	font-family: 'MyriadProRegular';
	src: url('fonts/MYRIADPR.eot');
	src: local('Myriad Pro'), local('MyriadPro-Regular'), url('fonts/MYRIADPR.woff') format('woff'), url('fonts/MYRIADPR.ttf') format('truetype'), url('fonts/MYRIADPR.svg#MyriadPro-Regular') format('svg');
}

/* NORMALIZACION */

* {margin:0; padding:0; border:0}
img {border:none; margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0px}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:68.75%; color:#959ca1; background:#ffffff}  /* Tipo base: 11px */
a {color:#525252; text-decoration:none}
a:hover { text-decoration:underline}
.hide {display:none}
.clear {display:block; clear:both; height:0px; font-size:1px}
.right {float:right}
.left {float:left}
.callto {display:block; float:left; height:27px; width:164px; padding:12px 0 0 10px; margin-right:11px; margin-bottom:15px; background:url(gfx/callto.gif) 0 0 no-repeat; font-family:'MyriadProRegular', Helvetica, sans-serif; font-size:1.3em; color:#FFF}
.callto:hover {background:url(gfx/callto.gif) 0 -39px no-repeat; text-decoration:none}
.pb30 {padding-bottom:30px!important}
.pr0 {padding-right:0px!important}
.mt72 {margin-top:72px}
.mt156 {margin-top:156px}
.textbig { font-size:1.33em}
.lnk {color:#bb0f19}

#contgeneral {position:relative; width:100%; margin:0; padding:0; font-size:1.1em}
#contgeneral #header {position:relative; width:1002px; padding:0 0 42px 0; margin:0 auto 0 auto;}
#contgeneral #content {position:relative; width:800px; padding:0 140px 32px 40px; margin:0 auto 0 auto;}
#contgeneral #footer {width:100%; background:url(gfx/bgd-footer.gif) center 0 no-repeat}

/* Listados */
.ul01 {display:block; margin:0; padding:0 0 10px 66px}
.ul01 li {display:block; list-style-type:none; margin:0; padding:0 0 5px 18px ; background:url(gfx/blt-01.gif) 0 4px no-repeat}

.ol01 {padding:0 0 30px 55px; }
.ol01 li {list-style-position:outside; padding-bottom:10px; color:#000000}
.ol01 li span {color:#524f4f}
.ol01 li ol { margin:0 0 -10px 0; padding:10px 0 0 22px}
.ol01 li ol li {list-style-type:none; padding: 0 0 10px 0 ; color:#000}
.ol01 li ol li {color:#524f4f}

.ol02 {padding:10px 30px 30px 45px; }
.ol02 li {list-style-position:outside; padding-bottom:30px; color:#000000; font-size:2.08em; line-height:0.44em}
.ol02 li span {color:#524f4f; font-size:0.48em; line-height:1.4em;}

/* Titulares */
.titular01 {font-family:'MyriadProRegular', Helvetica, sans-serif; font-size:2.5em; font-weight:normal; color:#000; padding-bottom:14px}
.titular02 {font-family:'MyriadProRegular', Helvetica, sans-serif; font-size:1.5em; font-weight:normal; color:#000; padding-bottom:10px}

/* background */
.home {background:#ffffff url(gfx/bgd-home.gif) center 0 no-repeat}
.quienessomos {background:#ffffff url(gfx/bgd-quienessomos.gif) center 0 no-repeat}
.queofrecemos {background:#ffffff url(gfx/bgd-queofrecemos.gif) center 0 no-repeat}
.clientes {background:#ffffff url(gfx/bgd-clientes.gif) center 0 no-repeat}
.contacto {background:#ffffff url(gfx/bgd-contacto.gif) center 0 no-repeat}
.redes {background:#ffffff url(gfx/bgd-redes.gif) center 0 no-repeat}
.servicios {background:#ffffff url(gfx/bgd-redes-servicios.gif) center 0 no-repeat}
.productos {background:#ffffff url(gfx/bgd-productos.gif) center 0 no-repeat}
.publicidad {background:#ffffff url(gfx/bgd-publicidad.gif) center 0 no-repeat}
.comunicacion {background:#ffffff url(gfx/bgd-comunicacion.gif) center 0 no-repeat}
.interna {background:#ffffff url(gfx/bgd-comunicacion-interna.gif) center 0 no-repeat}
.externa {background:#ffffff url(gfx/bgd-comunicacion-externa.gif) center 0 no-repeat}
.crisis {background:#ffffff url(gfx/bgd-comunicacion-externa.gif) center 0 no-repeat}
.subpage {background:#ffffff url(gfx/bgd-subpage.gif) center 0 no-repeat}

/* Header */
#header #logo {position:relative; float:left; padding:0px 0 0 0px}
#header #menu {position:relative; float:right; padding-top:35px; padding-right:19px; height:64px; overflow:hidden}
#header #menu ul.mainmenu {display:block}
#header #menu ul.mainmenu li {font-family:Tahoma, Geneva, sans-serif; list-style-type:none; float:left; font-size:1em; margin:0 0 0 14px; padding:3px 0 3px 14px; display:block; border-left:1px solid #dadada; }
#header #menu ul.mainmenu li a {color:#555555}
#header #menu ul.mainmenu li a:hover {color:#171717; text-decoration:none;}
#header #menu ul.mainmenu li.first { border:none;}
#header #menu ul.mainmenu li.activo a {color:#171717; text-decoration:none; cursor:default; position:relative}
#header #menu ul.mainmenu li.activo a:hover {text-decoration:none}
#header #menu ul.mainmenu li.activo ul li a {color:#555555; }
#header #menu ul.mainmenu li.activo ul li a:hover {color:#171717; text-decoration:none;}
#header #menu ul.mainmenu li.activo ul li.activo a {color:#171717;}
#header #menu ul.mainmenu li.activo ul li.activo a:hover {color:#171717; text-decoration:none}
#header #menu ul.mainmenu li ul {position:absolute; top:60px; right:136px; text-align:right; padding:5px 30px 0 0px; margin:5px 0 0 0px; width:100%; border-top:3px solid #e7e7e7}
#header #menu ul.mainmenu li ul li {text-align:right; float:none; display:inline-block; color:#555555}
#header #menu ul.mainmenu li ul li a:hover {text-decoration:none; color:#171717; cursor:pointer }
#header #menu ul.mainmenu li ul li.activo a {color:#171717; cursor:default}

/* Footer */
#footer .contfooter {width:958px; margin:0 auto 0 auto; padding:32px 19px 32px 25px;}
#footer .right {float:right; padding-bottom:40px;}
#footer .left {float:left; padding-bottom:40px;}
#footer .sep { border-top:3px solid #efefef; width:100%}
#footer .textsmall { font-size:11px; border-top:none; padding-top:25px}
#footer p { padding-bottom:5px}

#footer a img {display:none}
#footer .linkedin {background:url(gfx/ico-pie.jpg) -3px -3px no-repeat; display:inline-block; height:55px; width:55px; margin-right:-7px}
#footer .linkedin:hover {background:url(gfx/ico-pie.jpg) -3px -62px no-repeat; display:inline-block; height:55px; width:55px}
#footer .linkedin:hover img {display:none}
#footer .img01 {margin-right:-4px; display:none!important}
#footer .img01 {background:url(gfx/ico-pie.jpg) -52px -3px no-repeat; display:inline-block; height:55px; width:56px;}
#footer .img01:hover {background:url(gfx/ico-pie.jpg) -52px -62px no-repeat; display:inline-block; height:55px; width:56px;}
#footer .img01:hover img {display:none}
#footer .facebook {background:url(gfx/ico-pie.jpg) -112px -3px no-repeat; display:inline-block; height:55px; width:55px}
#footer .facebook:hover {background:url(gfx/ico-pie.jpg) -112px -62px no-repeat; display:inline-block; height:55px; width:55px}
#footer .facebook:hover img {display:none}
#footer .twiter {background:url(gfx/ico-pie.jpg) -168px -3px no-repeat; display:inline-block; height:55px; width:55px}
#footer .twiter:hover {background:url(gfx/ico-pie.jpg) -168px -62px no-repeat; display:inline-block; height:55px; width:55px}
#footer .twiter:hover img {display:none}
#footer .blog {background:url(gfx/blog.jpg) 0 -3px no-repeat; display:inline-block; height:55px; width:55px; float:right; display:none}
#footer .blog:hover {background:url(gfx/blog.jpg) 0 -62px no-repeat; display:inline-block; height:55px; width:55px}
#footer .blog:hover img {display:none}
#footer .right {display:none}

/* Content */
#content #contentflash { padding-left:133px; padding-top:13px}
#content .cont { padding-bottom:25px; position:relative; color:#524f4f}
#content .cont .path {border-bottom:1px solid #dadada; padding:0 0 7px 0; margin-bottom:18px; color:#a1a1a1; font-family:Verdana, Geneva, sans-serif; font-size:9px}
#content .cont .path a {color:#a1a1a1; text-decoration:underline}
#content .cont .path p {padding-bottom:0px}
#content .cont p {padding-bottom:8px;}
#content .cont .img {padding-bottom:15px}
#content .cont .redessociales {position:absolute; top:335px; right:0; width:250px}
#content .cont .redessociales a.callto {float:right; width:164px; margin-right:0; margin-left:11px; background:url(gfx/callto.gif) 0 0 no-repeat}
#content .cont .redessociales a.callto:hover {background:url(gfx/callto.gif) 0 -39px no-repeat; text-decoration:none}
#content .cont .producto {clear:both; padding:0 0 25px 0; margin-bottom:30px; border-bottom:1px solid #dadada}
#content .cont .producto:last-child {border:none; padding-bottom:0;}
#content .cont .producto .col1 {padding-right:0px}
#content .cont .producto .col2 {width:317px}
#content .cont .producto .col2 .callto { margin-top:6px}
#content .cont .producto .callto {display:block; float:left; height:23px; width:84px; padding:12px 0 0 10px; margin-right:11px; margin-bottom:15px; background:url(gfx/callto03.gif) 0 0 no-repeat; font-family:'MyriadProRegular', Helvetica, sans-serif; font-size:1.3em; color:#FFF}
#content .cont .producto .callto:hover {background:url(gfx/callto03.gif) 0 -35px no-repeat; text-decoration:none}

#content .cont .producto .img {padding-bottom:0}
#content .cont .lgo-clientes {width:106%; padding-top:20px}
#content .cont .lgo-clientes .lgo-item {float:left; padding-right:35px; padding-bottom:40px}


/* .colright*/ 
#content .cont .colright {float:right; width:557px}

/* .colleft */
#content .cont .colleft {float:left; width:213px}
#content .cont .colleft .secondmenu { padding-top:75px}
#content .cont .colleft .secondmenu ul {display:block; margin:0; padding:0px 0 0 0}
#content .cont .colleft .secondmenu ul li {display:block; margin:0 0 7px 0; padding:0 0 7px 20px; border-bottom:1px solid #e7e7e7; font-family:Tahoma, Geneva, sans-serif; font-size:1.16em}
#content .cont .colleft .secondmenu ul li a {color:#808080;}
#content .cont .colleft .secondmenu ul li a:hover {color:#171717; text-decoration:none}

#content .cont .colleft .secondmenu ul li.activo {background:url(gfx/blt-02.gif) 6px 4px no-repeat}
#content .cont .colleft .secondmenu ul li.activo a {cursor:default; text-decoration:none; color:#171717}
#content .cont .colleft .secondmenu ul li.activo a:hover {cursor:default; text-decoration:none}
#content .cont .colleft .secondmenu ul li.activo ul li a {cursor:pointer; text-decoration:none; color:#808080}
#content .cont .colleft .secondmenu ul li.activo ul li a:hover {cursor:pointer; color:#171717; text-decoration:none}

#content .cont .colleft .secondmenu ul li.submenu {display:block; margin:0 0 0px 0; padding:0 0 0px 0px; border-bottom:0px solid #e7e7e7;}
#content .cont .colleft .secondmenu ul li.submenu a {display:block; margin:0 0 0px 0; padding:0 0 0px 20px; border-bottom:0px solid #e7e7e7;}
#content .cont .colleft .secondmenu ul li.submenu ul {border-top:1px solid #e7e7e7; margin:7px 0 0 0; padding:5px 0 0 0}
#content .cont .colleft .secondmenu ul li.submenu ul li {display:block; margin:0 0 5px 0; padding:0 0 7px 30px; font-family:Tahoma, Geneva, sans-serif; font-size:0.80em}
#content .cont .colleft .secondmenu ul li.submenu ul li a {margin:0; padding:0; color:#808080; border:none} 
#content .cont .colleft .secondmenu ul li.submenu ul li.activo {background:url(gfx/blt-02.gif) 15px 4px no-repeat}
#content .cont .colleft .secondmenu ul li.submenu ul li.activo a {cursor:default; text-decoration:none; color:#171717}
#content .cont .colleft .secondmenu ul li.submenu ul li.activo a:hover {cursor:default; text-decoration:none}




/* Estilos generales para elementos de formulario */
.form {}
.form fieldset {border:none; padding:0; margin:0}
.form fieldset legend {display:none}
.form label { display:block; padding-top:5px;}
.form select {border:none; padding:2px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#59595d}
.form input.text {border:1px solid #ababab; padding:3px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#59595d}
.form input.radio {float:left; margin:0 4px 0 0; padding:0; height:13px; border:none!important;}
.form input.checkbox {border:none}
.form textarea {border:1px solid #ababab; padding:3px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#59595d}
.form .disabled {color:#d5d5d6}


/* Catalogo de tamanos para elementos */
.form label.long1 {display:block; float:left; width:60px; padding-bottom:6px}
.form label.long2 {display:block; float:left; width:136px; padding-bottom:6px}
.form label.long3 {display:block; float:left; width:244px; padding-bottom:6px}
.form input.long1 {width:44px}
.form input.long2 {width:100px}
.form input.long3 {width:206px}
.form input.long4 {width:386px}
.form select.long1 {width:51px}
.form select.long2 {width:107px}
.form select.long3 {width:211px}
.form select.long4 {width:331px}
.form textarea.long1 {width:44px; height:100px}
.form textarea.long2 {width:100px; height:100px}
.form textarea.long3 {width:206px; height:100px}
.form textarea.long4 {width:386px; height:180px}
.form textarea.long5 {width:554px; height:100px}

.email {padding-top:30px; padding-left:90px; padding-bottom:12px; display:block; font-family:Tahoma, Geneva, sans-serif; font-size:1.08em; background:url(gfx/ico-email.gif) 0 0 no-repeat}
.email p { padding-bottom:3px!important}
.email a {color:#bb0f19}

.dir {
	padding-top:30px;
	padding-left:90px;
	padding-bottom:12px;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1.08em;
	background-image: url(gfx/ico-dir.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.dir p { padding-bottom:3px!important}
.dir a {color:#bb0f19}


.tel {padding-top:30px; border-bottom:1px solid #e6e6e6; padding-left:70px; padding-bottom:12px; margin-bottom:30px; display:block; font-family:Tahoma, Geneva, sans-serif; font-size:1.08em; background:url(gfx/ico-tel.gif) 0 0 no-repeat}
.tel p { padding-bottom:3px!important}
.tel a {color:#474343; font-size:27px; display:block}
.tel a:hover { text-decoration:none}

/* Formulario tipo 2: Etiquetas a la izquierda de las cajas */
.form .formrow {display:block; height:100%; margin:0 0 6px 0; clear:both}
.form .formrow .col1 {display:block; float:left; width:144px; text-align:right; margin-right:10px}
.form .formrow .col2 {display:block; float:left; text-align:left; margin:0}
.form .formrow .col2 label {padding-bottom:0}
.form .formrow .col2 .name { font-size:1.27em; margin-top:-3px; display:block}

/* Botones */
input.btn {margin:0 9px 0 0; width:114px; padding:5px 6px 4px 6px; overflow:visible; background:url(gfx/btn01.gif) 0 0 no-repeat; border:none; color:#ffffff; font-family:'MyriadProRegular', Helvetica, sans-serif; font-size:1.3em; cursor:pointer}
input.btn:hover {background:url(gfx/btn01-hover.gif) 0 0 no-repeat;}



/* Grupo Castedo */

/* Social */

ul#social{list-style:none;float:left;}
ul#social li{float:left}
ul#social li a{display:block;width:64px;height:64px;text-indent:-99999px;margin-right:14px;}
#facebook a{background:url(../img/social/facebook.png) no-repeat;}
#twitter a{background:url(../img/social/twitter.png) no-repeat;}
#pinterest a{background:url(../img/social/pinterest.png) no-repeat;}
#facebook a:hover{background:url(../img/social/facebook-on.png) no-repeat;}
#twitter a:hover{background:url(../img/social/twitter-on.png) no-repeat;}
#pinterest a:hover{background:url(../img/social/pinterest-on.png) no-repeat;}
a#blog {margin-top:4px;float:right;display:none;}
#footer a#blog img{display:block;}
#footer .textsmall{float:left;margin-top:4px;margin-left:120px;}
#footer .contfooter{height:60px;}
a{outline: none;}