@font-face {
    font-family: 'RotisSemiSerifRegular';
    src: url('fonts/rotis_semiserif_55-webfont.eot');
    src: url('fonts/rotis_semiserif_55-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rotis_semiserif_55-webfont.woff') format('woff'),
         url('fonts/rotis_semiserif_55-webfont.ttf') format('truetype'),
         url('fonts/rotis_semiserif_55-webfont.svg#RotisSemiSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -------- USEFUL -------- */
.clear{ clear: both; }
hr{ color: #cccccc; border: solid 1px #cccccc; }
.corporativo, a.corporativo, #corporativo, a#corporativo, #corporativo h3, #corporativo h3 a{ 
	color: #ff6600;
}

.marketing_online, a.marketing_online, #marketing_online, a#marketing_online, #marketing_online h3, #marketing_online h3 a{
	color: #db0962;
}

.diseno_grafico_web, a.diseno_grafico_web, #diseno_grafico_web, a#diseno_grafico_web, #diseno_grafico_web h3, #diseno_grafico_web h3 a{ 
	color: #00aa9f;
}
.linea-hor{ background: url(../images/design/linea-hor-gris-relieve.png) center left repeat-x; }

body{ 
	background: url(../images/design/body-bg.jpg) top center repeat-y; 
	font-family: Arial; 
	font-size: 13px; 
	margin: 0px;
	color: #222222;
}

div.website{}

a img{ border: none; }

h1{ 
	font-family: "RotisSemiSerifRegular"; 
	font-weight: normal; 
}


/* -------- TOP OF PAGES -------- */

div.ws-top{
	width: 1096px;
	margin: 0 auto 0 auto;
}

table.header{ 
	width: 1056px;
	margin: 0 20px 0 20px;
}
table.header td{ vertical-align: top; }

table.header td.logo{ 
	width: 236px;
}
table.header td.menu{
	width: 820px;
}


/* --------- MAIN MENU TOP -------- */

div.main-menu h1{ 
	font-size: 24px;
	text-shadow: 1px 1px #fff;
	text-transform: lowercase;
}
div.main-menu h1 a{ text-decoration: none; }
div.main-menu h1 a div.main-menu-seccion{ color: #666666; }
div.main-menu h1 a div.main-menu-seccion-select{ }

div.main-menu-seccion, div.main-menu-seccion-select{
	float: right;
	width: 155px;
	height: 95px;
	padding: 10px 15px 10px 15px;
	margin-left: 15px;
	text-align: center;
}
div.main-menu-seccion{ background: url(../images/design/menu-top-bg.png) no-repeat; }
div.main-menu-seccion:hover{ background: url(../images/design/menu-top-bg-hover.png) no-repeat; }
div.main-menu-seccion-select{ background: url(../images/design/menu-top-bg-hover.png) no-repeat; }


/* ---------- SECONDARY MENU TOP -------- */

div.secondary-menu{ margin-top: 10px; }
div.secondary-menu h2, div.secondary-menu h2.tel{
	float: right;
	font-family: "RotisSemiSerifRegular";
	font-weight: normal;
	text-transform: uppercase;
}
div.secondary-menu h2{ 
	font-size: 14px;
	padding: 0 10px 0 10px;
	border-left: solid 1px #a7a7a7;
	margin: 8px 0 0 0;
}
div.secondary-menu h2.tel{ 
	font-size: 20px;
	padding: 0px;
	border: none;
	margin: 3px 0 0 0;
}

div.secondary-menu h2 a{ text-decoration: none; }
div.secondary-menu h2 a{ color: #999999; }
div.secondary-menu h2 a:hover{ color: #666666; }
div.secondary-menu h2 a.select{ color: #333333; }
div.secondary-menu h2.tel a{ color: #ff6600; }


/* --------- WEBSITE BODY --------- */

div.ws-body{  }

div.header-content{
	width: 100%;
	height: 61px;
	background: url(../images/design/titulo-seccion-bg.jpg) center top no-repeat;
}
div.header-content table{
	width: 1056px;
	margin: 0 auto 0 auto;
}
div.header-content td.title h1{
	margin: 0px;
	padding: 15px 0 0 0;
	height: 46px;
}
div.header-content td.title h1 a{
	font-size: 30px;
	color: #666666;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: 1px 1px #fff;
}
div.header-content td.breadcrumb{
	text-align: right;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}
div.header-content td.breadcrumb a{
	color: #999999;
	text-decoration: none;
}
div.header-content td.breadcrumb a:hover, div.header-content td.breadcrumb .select a{ color: #666666; }


/* --------- COVER ---------- */

/* promocion */

div.promociones{
	width: 100%;
	height: 261px;
	background: url(../images/design/home-destacado-bg.jpg) top center no-repeat;
}
div.promocion{ 
	width: 1096px;
	height: 261px;
	margin: 0 auto 0 auto;
}
div.promocion div{ float: left; }
div.promocion div.img, div.promocion div.img img{
	width: 553px;
	height: 261px;
}
div.promocion div.text{
	width: 400px;
	height: 261px;
	font-size: 16px;
	color: #666666;
}
div.promocion div.text h1 a, div.promocion div.text h1{ 
	font-size: 36px;
	color: #ff6600;
	text-shadow: 1px 1px #cccccc;
	text-decoration: none;
}
div.promocion div.mas-info{
	width: 105px;
	height: 61px;
	text-align: center;
	padding-top: 5px;
	margin: 50px 0 0 10px;
	background: url(../images/design/boton+info.png) no-repeat;
	font-size: 24px;
	color: #666666;
	text-shadow: 1px 1px #fff;
}
div.promocion div.mas-info:hover{
	background: url(../images/design/boton+info-hover.png) no-repeat;
}
div.contador{
	width: 1066px;
	padding: 10px 30px 10px 30px;
	margin: -34px auto 0 auto;
	text-align: center;
	padding-left: 0px;
	position: absolute;
	z-index: 100;
	background: url(../images/design/10-black.png);
}
div.contador div.cont{
	float:right;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	font-size: 2px;
	background: #999999;
	border: solid 1px #fff;
	-moz-border-radius: 3px; border-radius: 3px;
}
div.contador div.cont:hover{ background: white; }
div.contador div.cont.select{
	background: #ff6600;
}

/* modulos web */

div.modulos-cover{ 
	width: 1056px;
	margin: 20px auto 0 auto;
}
div.modulo-cover{
	float: left;
	width: 255px;
	margin-right: 25px;
}

div.modulo-cover div.titulo{
	width: 205px;
	height: 67px;
	padding: 0 10px 0 40px;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #d7d7d8;
}
div.modulo-cover.empresa_comunicacion div.titulo{
	background: url(../images/design/home-empresa-comunicacion-hover.png) bottom left no-repeat;
}
div.modulo-cover.marketing_online div.titulo{
	background: url(../images/design/home-marketing-online-hover.png) bottom left no-repeat;
}
div.modulo-cover.diseno_grafico_web div.titulo{
	background: url(../images/design/home-diseno-grafico-web-hover.png) bottom left no-repeat;
}
div.modulo-cover div.titulo a{
	text-decoration: none;
	color: #222222;
	text-transform: uppercase;
	text-shadow: 1px 1px #cccccc;
}

div.modulo-cover div.seccion{
	width: 240px;
	padding: 10px 0 10px 15px;
	border-bottom: solid 1px #d7d7d8;
}
div.modulo-cover div.seccion h2{
	font-size: 24px;
	font-weight: normal;
	font-family: "RotisSemiSerifRegular";
	padding: 0px;
	margin: 0px;
}
div.modulo-cover div.seccion a{
	text-decoration: none;
	color: #666666;
	text-shadow: 1px 1px #cccccc;
}
div.modulo-cover.empresa_comunicacion div.seccion{ background: url(../images/design/flecha-empresa-comunicacion.png) 0 15px no-repeat; }
div.modulo-cover.marketing_online div.seccion{ background: url(../images/design/flecha-marketing-online.png) 0 15px no-repeat; }
div.modulo-cover.diseno_grafico_web div.seccion{ background: url(../images/design/flecha-diseno-grafico-web.png) 0 15px no-repeat; }

div.modulo-cover:hover div.seccion a{ color: #222222; }
div.modulo-cover.empresa_comunicacion:hover div.titulo a, div.modulo-cover.empresa_comunicacion:hover div.seccion a:hover{
	color: #ff6600;
}
div.modulo-cover.marketing_online:hover div.titulo a, div.modulo-cover.marketing_online:hover div.seccion a:hover{
	color: #db0962;
}
div.modulo-cover.diseno_grafico_web:hover div.titulo a, div.modulo-cover.diseno_grafico_web:hover div.seccion a:hover{
	color: #00aa9f;
}
div.form-cover{
	float:left;
	margin: -5px 0 0 -40px;
}


/* --------- CONTENT STANDAR ---------- */

div.content-standar{ 
	width: 1056px;
	margin: 0 auto 0 auto; 
}
table.content-standar td{ vertical-align: top; }

/* ---------- SUBMENUS ----------- */


/* SUBMENU SECCION PRINCIPAL */

/* estructura */

div.submenu.seccion-principal{
	width: 398px;
	min-height: 200px;
}
div.submenu.seccion-principal .submenu-top{
	width: 398px;
	height: 15px;
	background: url(../images/design/submenu-big-top.png) top left no-repeat;
	font-size: 2px;
}
div.submenu.seccion-principal .submenu-bg{
	width: 398px;
	min-height: 200px;
	padding: 5px 0 10px 0;
	background: url(../images/design/submenu-big-bg.png) left repeat-y;
}
div.submenu.seccion-principal .submenu-bottom{
	width: 398px;
	height: 15px;
	background: url(../images/design/submenu-big-bottom.png) top left no-repeat;
	font-size: 2px;
}

/* icono */

div.submenu.seccion-principal td.icono{
	width: 61px; 
	padding-right: 10px; 
}

/* estilo */

div.submenu.seccion-principal td{ vertical-align: middle; padding-bottom: 10px; }
div.submenu.seccion-principal ul{ 
	padding: 0 20px 0 10px; 
	margin: -15px 0 -13px 0;
}

div.submenu.seccion-principal li{
	padding: 0px;
	margin: 0px;
	background: url(../images/design/linea-hor-gris-relieve.png) bottom repeat-x;
}
div.submenu.seccion-principal li h2 a{
	font-family: "RotisSemiserifRegular";
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-shadow: 1px 1px #fff;
	margin: 10px 0 0 0;
}
div.submenu.seccion-principal li h2 a:hover{ 
	color: #111111; 
	text-shadow: 1px 1px #cccccc;
}

/* SUBMENU SECCION SUBMENU */

/* estructura */

div.submenu.seccion-submenu{
	width: 229px;
	min-height: 200px;
}
div.submenu.seccion-submenu .submenu-top{
	width: 229px;
	height: 15px;
	background: url(../images/design/submenu-small-top.png) top left no-repeat;
	font-size: 2px;
}
div.submenu.seccion-submenu .submenu-bg{
	width: 229px;
	min-height: 200px;
	padding: 5px 0 10px 0;
	background: url(../images/design/submenu-small-bg.png) left repeat-y;
}
div.submenu.seccion-submenu .submenu-bottom{
	width: 229px;
	height: 15px;
	background: url(../images/design/submenu-small-bottom.png) top left no-repeat;
	font-size: 2px;
}

/* icono */

div.submenu.seccion-submenu td{ vertical-align: middle; padding-bottom: 10px; }
div.submenu.seccion-submenu td.icono{ 
	width: 30px; 
	padding-right: 10px; 
}
div.submenu.seccion-submenu td.icono img{
	width: 30px;
	height: 30px;
}
div.submenu.seccion-submenu ul{ 
	padding: 0 20px 0 10px; 
	margin: -10px 0 -15px 0;
}

div.submenu.seccion-submenu li{
	padding: 0px;
	margin: 0px;
	background: url(../images/design/linea-hor-gris-relieve.png) bottom repeat-x;
}
div.submenu.seccion-submenu li h2 a{
	font-family: "RotisSemiserifRegular";
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-shadow: 1px 1px #fff;
	margin: 10px 0 0 0;
}
div.submenu.seccion-submenu li h2 a:hover{ 
	color: #111111; 
	text-shadow: 1px 1px #cccccc;
}
div.submenu.seccion-submenu li h2 a.select{
	text-shadow: 1px 0 #aaaaaa;
}


/* SUBMENU 2 */

div.submenu.seccion-submenu ul.submenu2{
	margin: -10px 0 0 40px;
	padding: 0 0 2px 0;
}
div.submenu.seccion-submenu ul.submenu2 li{
	background: url(../images/design/flecha-gris.png) 0 2px no-repeat;
	padding: 0 0 0 13px;
	margin: 0px;
}
div.submenu.seccion-submenu ul.submenu2 li h3 a{
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-shadow: 1px 1px #fff;
	text-decoration: none;
}
div.submenu.seccion-submenu ul.submenu2 li h3 a:hover, div.submenu.seccion-submenu ul.submenu2 li h3 a.select{
	color: #111111;
}


/* CONTENIDO SECCION */

h1 div.titulo-seccion{ color: #666666; }
div.titulo-seccion{
	margin: 30px 0 20px 40px;
	padding: 6px 0 13px 5px;
	width: 100%;
	border-bottom: solid 1px #cccccc;
}
div.text.seccion-principal{
	margin: 10px 0 0 40px;
	width: 370px;
}
div.text.seccion-submenu{
	margin: 10px 0 0 40px;
	width: 539px;
}
div.text a{
	color: #222222;
	text-decoration: underline;
}
div.text a:hover{ text-decoration: none; }
div.text#corporativo, div.text#marketing_online, div.text#diseno_grafico_web{
	color: #222222;
}
div.text h3, div.text h3 strong{
	font-family: "RotisSemiSerifRegular";
	font-size: 24px;
	font-weight: normal;
}
div.text ul{
	margin: 6px 0 6px 20px;
}
div.text li{ 
	list-style: disc;
	padding: 6px 0 6px 0;
}


/* CONTENIDO NOTICIAS */

div.mas-noticias{
	font-family: "RotisSemiSerifRegular";
	font-size: 24px;
	color: #666666;
	border-top: solid 1px #cccccc;
	padding-top: 15px;
	margin-top: 10px;
}
div.text-actualidad div.titulo-seccion{
	margin: 0px;
}
div.text-actualidad div.text{
	padding: 0 80px 30px 80px;
}
ul.list-actualidad{
	margin-top: 20px;
}
ul.list-actualidad li{
	width: 806px;
	margin-bottom: 20px;
	background: url(../images/design/lineas-diagonales.jpg);
	border: solid 1px #cccccc;
	-moz-border-radius: 5px; border-radius: 5px;
}
ul.list-actualidad li:hover{ border: solid 1px #afafb3; }
ul.list-actualidad li td.img{
	width: 174px;
	text-align: center;
	padding: 10px 10px 10px 0;
	background: url(../images/design/solapa-vertical.png) top no-repeat;
	-moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
}
ul.list-actualidad li td.img img{
	width: 150px;
	border: solid 1px #afafb3;
}
ul.list-actualidad li td.titulo{
	padding: 0 0 0 15px;
	width: 230px;
}
ul.list-actualidad li td.titulo h1{ font-size: 22px; }
ul.list-actualidad li td.text{
	padding: 5px 10px 10px	20px;
}
ul.list-actualidad a{
	color: #ff6600;
	text-decoration: none;
}
ul.list-actualidad h1 a{
	text-shadow: 1px 1px #cccccc;
}
ul.list-actualidad h1 a:hover{
	color: #333333;
}
ul.list-actualidad a.leer-mas:hover{
	text-decoration: underline;
}


/* FORMULARIOS */
div.form-right{
	width: 201px;
	margin: 20px 0 0 50px;
}
div.form-right div.top{
	width: 201px;
	height: 11px;
	font-size: 2px;
	background: url(../images/design/form-small-top.png) no-repeat;
}
div.form-right div.bg{
	width: 201px;
	margin: 0 0 -10px 0;
	font-size: 12px;
	background: url(../images/design/form-small-bg.png) repeat-y;
}
div.form-right div.bottom{
	width: 201px;
	height: 11px;
	font-size: 2px;
	background: url(../images/design/form-small-bottom.png) no-repeat;
}
div.form-right div.titulo, div.form div.titulo{
	padding: 3px 0 8px 0;
	background: url(../images/design/linea-hor-gris-relieve.png) bottom repeat-x;
	font-family: "RotisSemiSerifRegular";
}
div.form-right div.titulo{
	text-align: center;
	font-size: 17px;
	margin: 0 0 10px 0;
}
div.form div.titulo{
	text-align: left;
	font-size: 20px;
	margin: 0 20px 10px 10px;
}
table.form{ margin: 0 10px 0 10px; }
table.form td{ vertical-align: top; }
table.form .small{ font-size: 10px; color: #666666; }
table.form input{ height: 20px; }
table.form input, table.form textarea{
	background: white;
	border: solid 1px #afafb3;
	-moz-border-radius: 5px; border-radius: 5px;
}
form input.button-form{
	width: 100%;
	height: 51px;
	background: url(../images/design/boton-enviar.png) top center no-repeat;
	text-align: center;
	border: none;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	font-size: 18px;
	font-family: "RotisSemiSerifRegular";
	color: #444444;
	text-shadow: 1px 1px #fff;
}
form input.button-form:hover{
	background: url(../images/design/boton-enviar-hover.png) top center no-repeat;
}


/* BLOQUE LATERAL (contenidos relacionados) */

div.bloque-lateral{
	width: 201px;
	margin: 20px 0 20px 50px;
}
div.bloque-lateral div.top{
	width: 201px;
	height: 11px;
	font-size: 2px;
	background: url(../images/design/form-small-top.png) no-repeat;
}
div.bloque-lateral div.bg{
	width: 201px;
	font-size: 12px;
	background: url(../images/design/form-small-bg.png) repeat-y;
}
div.bloque-lateral div.bottom{
	width: 201px;
	height: 11px;
	font-size: 2px;
	background: url(../images/design/form-small-bottom.png) no-repeat;
}
div.bloque-lateral div.titulo{
	text-align: left;
	margin: 0 10px 10px 10px;
	padding: 0 5px 10px 5px;
	background: url(../images/design/linea-hor-gris-relieve.png) bottom repeat-x;
	font-size: 20px;
	font-family: "RotisSemiSerifRegular";
}
div.bloque-lateral div.listado-lateral ul{
	margin: 0 10px 0 25px;
}
div.bloque-lateral div.listado-lateral li{
	padding: 10px 0 10px 0;
	margin: 0px;
	list-style-image: url(../images/design/flecha-gris.png);
	background: url(../images/design/linea-hor-gris-relieve.png) bottom repeat-x;
}
div.bloque-lateral div.listado-lateral li h2{
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
div.bloque-lateral div.listado-lateral li h2 a{
	color: #666666;
	text-decoration: none;
}
div.bloque-lateral div.listado-lateral li h2 a:hover{
	color: #333333;
}


/* MAPA WEB */

div.mapa-web{
	width: 100%;
	background: url(../images/design/home-destacado-bg.jpg) top center no-repeat;
	margin: 40px 0 20px 0;
	padding: 15px 0 20px 0;
}
table.mapa-web{
	width: 1076px;
	margin: 0 auto 0 auto;
}
table.mapa-web td{ 
	vertical-align: top;
	padding: 0 10px 0 10px;
	width: 220px;
}
table.mapa-web td.otros{ width: 120px; padding: 10px 10px 0 30px; }
table.mapa-web td.otros div.mapa-menu{
	background: url(../images/design/flecha-gris.png) 0 7px no-repeat;
	padding: 5px 0 5px 15px;
	font-size: 14px;
}
table.mapa-web h2{
	font-size: 18px;
	font-weight: normal;
	font-family: "RotisSemiSerifRegular";
	padding: 0px;
	margin: 0 0 10px 0;
}
table.mapa-web h2 a{ color: #333333; }
table.mapa-web div.mapa-menu{
	background: url(../images/design/linea-hor-gris-relieve.png) top repeat-x;
	padding: 5px 0 5px 0;
}
table.mapa-web h3{
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
table.mapa-web a:hover{ color: #111111; }
table.mapa-web a{ text-decoration: none; color: #666666; }

/* BOTTOM */
div.ws-bottom{ 
	width: 100%;
	margin: 20px 0 20px 0;
	text-align: center;
	color: #666666; 
}
div.ws-bottom a{
	color: #333333;
	text-decoration: none;
}
div.ws-bottom a:hover{ color: #111111; }