body
{
  font-family: "Tahoma", "Lucida Grande", "Arial" !important;
  font-size: 12px;
  color: #5e5e5e;
}

a
{
  color: #5e5e5e;
}

img
{
    border-width: 0px;
}

div.pagina
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    width: 990px;
}

#footer
{
    float: left;
    width: 100%;
	text-align: center;
	font-size: 11px;
	color: #254FB2;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#linkligas
{
    float: left;
    width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#linkligas > a
{
	outline: none;
}
#facebook
{
	position: relative;
	top: -17px;
}
/******* COLECCION ***********************************************/
div.cards{
	/*border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	text-align: left;
	z-index:10;
	/*position: absolute;*/
	left: 0px;
	/*top: 50px;*/
	width: 810px;
	height: 418px;
	overflow: hidden;
}
div.cards .card
{
    color: #ffffff;
	font-size: 10px;
	vertical-align: top;
}
div.cards .card h1
{
    font-size: 12px;
}
.contenedor_cards
{
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	position: relative;
	overflow: hidden;
}
.colsgte
{
    cursor: pointer;
}
.colant
{
    cursor: pointer;
}
/******* FIN COLECCION *******************************************/
/******* INTRO ***************************************************/
#intro_contenedor
{
  margin: auto;
  padding-top: 23px;
  position: relative;
  width: 716px;
}

#intro2_contenedor
{
  margin: auto;
  width: 716px;
}

#menu_intro
{
	width: 716px;
	margin-left: auto;
	margin-right: auto;
}

#saltar_intro a
{
	text-decoration: none;
}

#saltar
{
	text-align: center;
	width: 100%;
	height: 24px;
}
/******** FIN INTRO **********************************************/

/******** MENU ***************************************************/
#contenedor_menuizq
{
    float: left;
	width: 390px;
	margin: auto;
	margin-top: 15px;
	text-align: right;
	position: relative;
	overflow: hidden;
}

#contenedor_logo
{
	float: left;
    width: 208px;
	text-align: center;
	margin:auto;
	margin-top: 15px;
}

#contenedor_logo img
{
    z-index: 100;
}


#contenedor_menuder
{
    float: left;
	width: 390px;
	margin: auto;
	margin-top: 15px;
	text-align: right;
	position: relative;
	overflow: hidden;
}

#menuizq
{
    opacity: 0.01;
	left: 260px;
	position: relative;
	float: right;
}

#menuizq li
{
	margin-left: 40px;
	float: right;
}

#menuder
{
    opacity: 0.01;
    filter: alpha(opacity = 10);
	left: -260px;
	position: relative;
}

#menuder ul
{
    overflow: hidden;
	float: left;
	height: 55px;
}

#menuder li
{
	margin-right: 40px;
    float: left;
}

ul
{
    list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

 li
{
	margin-top: 30px;
	margin-bottom: 15px;
}

 li a
{
	text-decoration: none;
}

 li.pag_actual
{
	font-weight: bold;
}

 li.logo
{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* div contenedor del icono de sonido */
#alternar
{
    float: right;
	position: relative;
	top: -20px;
}

#alternar img
{
    cursor: pointer;
}
/******** FIN MENU ***********************************************/

/******** NOSOTROS ***********************************************/
#contenedor_nosotros
{
    margin-left: auto;
	margin-right: auto;
	width: 670px;
	margin-top: 40px;
	margin-bottom: 30px;
}
#barra
{
    background: transparent url(../img/barra_nosotros.jpg) no-repeat scroll center;
	height: 22px;
	width: 400px;
}
#nosotros
{
	width: 270px;
	position: relative;
	left: 0;
	top: 0;
}
#info
{
	width: 270px;
    padding-top: 50px;
	padding-left: 20px;
}
#contenedor_nosotros #info p
{
    font-size: 11px;
	line-height: 150%;
}
#info .bqstart
{
	float: left;
	font-size: 700%;
	height: 45px;
	margin-bottom: -50px;
	margin-top: -15px;
	margin-right: 10px;
	padding-top: 45px;
}
#info .bqend
{
	float: right;
	font-size: 700%;
	margin-bottom: -45px;
	margin-top: -45px;
	margin-right: 0px;
	padding-top: 45px;
	padding-right: 0px;
}
#info blockquote
{
	font-size: 130%;
	background-color: transparent;
	font-style: italic;
	line-height: 140%;
	margin: 15px 0px 15px 15px;
	width: 195px;
	float: right;
	padding: 0px;
	color: #9f9f9f;
	font-family: "Georgia", "Times", "Times New Roman", "serif" !important;
}
#francisca
{
	position: absolute;
	top: 165px;
	left: -50px;
}
#daniela
{
	position: absolute;
	top: 137px;
	left: 130px;
}
#felipe
{
    position: absolute;
	top: 48px;
	left: -60px;
}
/******** FIN NOSOTROS *******************************************/

/******** NUESTROS DISENOS ****************************************/
#contenedor_nuestros_disenos
{
    width: 747px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
#barra_nosotros
{
    width: 100%;
	padding-bottom: 25px;
}
#mini_disenos
{
    width: 242px;
	float: left;
}
.nuestro_diseno
{
    float: left;
	margin-left: 10px;
	margin-right: 7px;
	margin-bottom: 8px;
}
#disenos_info
{
    width: 250px;
	float: left;
}
#disenos_info p
{
    font-size: 11px;
	line-height: 150%;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 35px;
}
#img_nuestros_disenos
{
    background: transparent url(../img/fondo_nuestro_diseno.jpg) no-repeat scroll 0 0;
	width: 255px;
	height: 328px;
	float: left;
}
#img_nuestros_disenos img
{
    top: -53px;
	overflow: visible;
	position: relative;
}
#dryskinfabric
{
    font-style: italic;
}
/******** FIN NUESTROS DISENOS ***********************************/

/******** COTIZAR ************************************************/
#form_cotizar
{
    width: 652px;
	float: left;
	overflow: hidden;
}
.seccion_cotizar
{
    width: 470px;
	padding-top: 14px;
	border-bottom: dashed 1px #b2c2e6;
	padding-bottom: 5px;
	padding-left: 0;
}
.diseno_elegido
{
    float: right;
	width: 170px;
	padding-top: 10px;
	text-align: center;
}
.diseno_elegido div
{
	padding: 5px 0 20px 0;
	text-align: center;
}
.no_diseno
{
    font-style: italic;
}
.tit_seccion
{
    color: #0039a4;
	font-weight: bold;
	font-size: 12px;
}
input
{
    border: solid 1px #c0c1c4;
	color: #5e5e5e;
}
input[type=checkbox]
{
    border: none;
}
/******** FIN COTIZAR ********************************************/

/******** ARMA TU DISENO *****************************************/
#contenedor_arma_diseno
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
#diseno
{
	width: 652px;
	float: left;
	overflow: hidden;
}
#foto_diseno
{
	width: 146px;
	float: right;
	text-align: right;
}
#titulo
{
	width: 100%;
}
#colores_diseno
{
	width: 50%;
	float: left;
}
#tip_colores
{
    padding: 10px 10px 5px 15px;
	font-size: 11px;
}
#previa_diseno
{
	width: 50%;
	float: left;
	padding-top: 10px;
	text-align: center;
}
#diseno_arquera
{
    clear: both;
}
#minis
{
    margin: 10px 10px 3px 10px;
	overflow: hidden;
}
.mini
{
    float: left;
	position: relative;
	padding: 2px 2px 4px 2px;
	margin: 1px;
	cursor: pointer;
}
.mini_selec
{
    border: solid 2px #0039a4;
	padding: 1px 1px 3px 1px;
	margin: 0px;
}
#footer_diseno
{
    clear: both;
	overflow: hidden;
	vertical-align: bottom;
}
#contenedor_diseno_arquera
{
    float: left;
	width: 50%;
	overflow: hidden;
}
#marco_diseno_arquera
{
    border: solid 2px #838383;
	padding: 5px;
	margin: 0 27px 0 13px;
	overflow: hidden;
}
.marco_cotizanos
{
    border: solid 2px #838383;
	padding: 5px;
	margin: 15px auto 0 auto;
	width: 180px;
	overflow: hidden;
	text-align: center;
}
.marco_cotizanos_over
{
    border: solid 2px #0039a4;
}
.arquera_mini
{
    float: left;
	position: relative;
	margin: 0 6px 0 6px;
}
.calcetines_mini
{
    float: left;
	position: relative;
	margin: 0 6px 0 6px;
}
.opc_arquera
{
    float: left;
    padding-top: 3px;
	padding-left: 25px;
}
.opc_arquera div
{
    margin-top: 5px;
}
.arquera_gris
{
	margin-top: 35px;
}
.arquera_amarilla
{
	margin-top: 7px;
}
.arquera
{
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
	width: 36px;
}
.gris
{
    background-color: #ababab;
}
.amarilla
{
    background-color: #fed500;
}
.arquera_color
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.arquera_selec
{
    border: solid 2px #0039a4;
	padding-top: 0px;
	height: 34px;
}
/* CALCETINES */
.calcetin
{
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	height: 36px;
	width: 36px;
}
.blanco
{
    background-color: #ffffff;
	border: solid 1px #000000;
	height: 28px !important;
	width: 28px !important;
}
.negro
{
    background-color: #000000;
}
.azul
{
    background-color: #262161;
}
.azulino
{
    background-color: #005dab;
}
.rojo
{
    background-color: #eb2429;
}
.verde
{
    background-color: #006738;
}
.calcetin_color
{
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.calcetin_selec
{
    border: solid 2px #0039a4;
	padding-top: 0px;
	height: 34px;
}
/******** FIN ARMA TU DISENO  *************************************/

/******** EVENTOS *************************************************/
#contenedor_destacados
{
	width: 750px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	background: transparent url(../img/barra_destacados.jpg) no-repeat scroll left top;
}
#mini_eventos
{
    position: relative;
	width: 300px;
	float: right;
	overflow: hidden;
}
#mini_eventos img
{
    float: right;
	padding: 0 0 2px 2px;
}
#contenedor_destacados h1
{
    font-size: 13px;
	margin: 20px 0 10px 0;
}
#eventos
{
	padding: 26px 0 0 20px;
}
#eventos li
{
	color: #6d788e;
	text-align: left;
	list-style-type: none;
	margin: 0 0 7px 0;
}
#eventos li a
{
    color: #7c7c7c;
}
#eventos li a:hover
{
    text-decoration: underline;
	color: #002CA6;
}
.tit-evento
{
    font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
}
.subtit-evento
{
    font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
	color: #0033A9;
}


/******** FIN EVENTOS *********************************************/


#contenedor_evento
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding-top: 40px;
	min-height: 350px;
	background: transparent url(../img/barra_destacados.jpg) no-repeat scroll left top;
}
#fotos
{
    padding-left: 30px;
}
.foto a
{
    float: left;
	margin: 0 10px 25px 0;
	padding: 2px;
	border: solid 2px #cccccc;
}
.foto a:hover
{
	border: solid 2px #0033A9;
}
#noticia p, .noti-intro
{
    letter-spacing: 1px;
	text-align: justify;
}
.noti-intro
{
    font-style: italic;
	margin: -10px 0 10px 0;
	color: #0033A9;
}
.evento-intro
{
    font-style: normal;
	margin: -10px 0 10px 0;
	color: #5E5E5E;
}
.pie-noticia
{
    text-align: right !important;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
.noti-area
{
    width: 450px;
	height: 375px;
	font-size: 10px;
	padding: 0 10px 5px 0;
	overflow: auto;
}
#noticia i
{
    margin-bottom: 20px;
}
.jScrollPaneContainer
{
    float: left;
}

a.link_footer
{
    color: #9EA7A9;
	text-decoration: none;
	float: right;
}
a.prosys
{
    color: #CCCCCC;
    text-decoration: none;
}
a.prosys:hover
{
    color: #254FB2;
    text-decoration: none;
}