/* 

ESTILO GENERAL DE TODA LA P‚àö√ÖGINA WEB. Versi‚àö‚â•n 1024 px
Esta hoja de estios debe estar vinculada desde todos los documentos xhtml
*/

/*
-------------------------------------------------------
Reset de los estilos definidos 'por defecto' en los navegadores
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	outline-width:0px;
	outline-style:initial;
	outline-color:#000000;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0px;
	padding:0px;
}

/* remember to define focus styles! */

:focus {
	outline-width:0px;
	outline-style:initial;
	outline-color:#000000;
}

body {
	line-height:1;
	color:#000000;
	background-image:url(../../../../../initial);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
}

ol, ul {
	list-style-type:none;
	list-style-position:initial;
	list-style-image:initial;
}

/* tables still need ‘cellspacing=”0?‘ in the markup */

table {
	border-collapse:collapse;
	-webkit-border-horizontal-spacing:0px;
	-webkit-border-vertical-spacing:0px;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

/*
-------------------------------------------------------
*/

body {
	line-height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/body_02.png);
	background-repeat-x:repeat;
	background-repeat-y:no-repeat;
	background-repeat:repeat-x;
	background-attachment:initial;
	background-position:50% 0%;
	background-position-x:50%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#F0F0F0;
	color:#666666;
	font-size:12px;
	position:relative;
	margin:0px;
	padding:0px;
}

a {
	color:#666666;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#245E88;
}

h1 {
	font-size:150%;
	font-weight:bold;
}

h2 {
	font-size:22px;
	color:#245D87;
	line-height:25px;
	font-weight:normal;
}

h3 {
	font-size:110%;
	font-weight:bold;
}

h4 {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

ul {
}

li {
}

p {
	text-align:justify;
}

/*
-------------------------------------------------------
*/

#contenido_web {
	width:912px;
	background-color:#FDFCFC;
	margin:10px auto 0px auto;
	padding:6px 24px 40px 24px;
}

#cabecera_web {
	overflow-x:hidden;
	overflow-y:hidden;
	margin-bottom:20px;
}

#hoja {
}

#esquina {
}

#logo {
	float:right;
	margin-bottom:10px;
}

#migas {
	float:left;
}

#migas a {
}

#cesta_compra {
	margin-bottom:10px;
	float:right;
}

#menu_web {
}

#cuerpo_web {
	padding-top:0px;
	height:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#botones {
	float:left;
}

#pie_web {
	font-size:18px;
	padding-top:20px;
	margin-top:30px;
	border-top:2px dotted #CCCCCC;
}

#menu_inf {
}

#contactar {
	position:relative;
}

#col_derecha {
	width:608px;
	background-image:url(../img/sepcuerpo_36.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	float:right;
}

#col_derecha h2 {
	padding-bottom:10px;
	border-bottom:2px dotted #CCCCCC;
}

#solicitenos {
	margin-bottom:10px;
}

#buscador {
	padding:10px;
}

#acceso {
}

#acceso a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#col_izquierda {
	position:relative;
	float:left;
	height:auto;
}

#col_izquierda h2 a {
	text-decoration:none;
	display:block;
	color:#FFFFFF;
	padding:10px;
}

#col_izquierda h2 {
	display:none;
}

#migas_cesta {
	margin:15px 0px 15px 0px;
}

#paginador {
}

.paso_actual {
	font-weight:bold;
}

/*
-------------------------------------------------------
*/

.abajo {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.vmid {
	vertical-align:middle;
}

/* Clase pensada para posicionar imagenes ,td... alineado con el texto.*/

.vtop {
	vertical-align:top;
}

.align_right {
	text-align:right;
}

.f10 {
	font-size:10px;
}

.f12 {
	font-size:12px;
}

.f14 {
	font-size:14px;
}

.f18 {
	font-size:18px;
}

.f20 {
	font-size:20px;
}

.color {
	color:#034575;
}

.btn a {
	background-color:#F8F8F8;
	padding-left:4px;
	color:#333333;
	padding-bottom:4px;
	padding-top:4px;
	float:left;
	cursor:pointer;
	text-decoration:none;
	border:1px solid #999999;
}

.linea {
	height:0px;
	border-top:1px solid #999999;
	border-bottom:1px solid #FFFFFF;
}

.btn a span {
	float:left;
	padding-right:4px;
}

.btn_input {
	float:left;
	background-image:url(../img/btna_0.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 50%;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	padding-left:7px;
	cursor:pointer;
	display:block;
	height:23px;
	text-decoration:none;
}

.btn_input input {
	cursor:pointer;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:initial;
	border-top-color:#000000;
	border-right-color:#000000;
	border-bottom-color:#000000;
	border-left-color:#000000;
	background-image:url(../img/btnaspan_04.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:100% 50%;
	background-position-x:100%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	float:left;
	height:23px;
	padding-left:4px;
	display:block;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-right:10px;
}

.btn a:hover {
	border:1px solid #666666;
}

.btn input:hover {
	border:1px solid #666666;
}

.cuerpo_contenido {
	margin-top:10px;
}

.contenedor_desarrollo {
	width:665px;
}

.cabecero_titulo {
	margin-bottom:20px;
	background-color:#F6F5F5;
	border:1px solid #999999;
}

.cabecero_titulo h1 {
	padding:5px 10px 5px 10px;
}

.cabecero_titulo h2 {
	padding:5px 10px 5px 10px;
}

.curvedarea {
	background-color:#E8E8E8;
	overflow-x:hidden;
	overflow-y:hidden;
}

#form_contactar {
	background-color:#E8E8E8;
	width:274px;
}

#form_contactar table {
	border-collapse:collapse;
	-webkit-border-horizontal-spacing:0px;
	-webkit-border-vertical-spacing:0px;
}

#form_contactar td {
	vertical-align:middle;
	padding:3px 0px 3px 0px;
}

.input_form {
	width:170px;
	border:1px solid #CCCCCC;
}

#form_contactar textarea {
	height:50px;
	width:250px;
	border:1px solid #CCCCCC;
}

.topright {
	font-size:0px;
	background-image:url(../img/landing_page_tienda_inicio_31.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:100% 0%;
	background-position-x:100%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:16px;
	float:right;
	height:21px;
}

.topleft {
	float:left;
	font-size:0px;
	background-image:url(../img/landing_page_tienda_inicio_30.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#E8E8E8;
	height:16px;
	width:100%;
}

.centerright {
	float:right;
	background-image:url(../img/img_centerright_03.jpg);
	height:auto;
	background-position:100% 50%;
	background-position-x:100%;
	background-position-y:50%;
	width:100%;
	background-repeat-x:no-repeat;
	background-repeat-y:repeat;
	background-repeat:repeat-y;
}

.centerleft {
	float:left;
	background-image:url(../img/img_centerleft_03.jpg);
	width:100%;
	height:auto;
	background-repeat-x:no-repeat;
	background-repeat-y:repeat;
	background-repeat:repeat-y;
}

.bottomright {
	font-size:0px;
	background-image:url(../img/bottomright_45.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:100% 0%;
	background-position-x:100%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	width:12px;
	float:right;
	height:14px;
}

.bottomleft {
	float:left;
	font-size:0px;
	background-image:url(../img/bottomleft_45.jpg);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:0% 0%;
	background-position-x:0%;
	background-position-y:0%;
	background-origin:initial;
	background-clip:initial;
	background-color:#E8E8E8;
	height:14px;
	width:100%;
}

.contenido {
	float:left;
	background-color:#E8E8E8;
	padding:0px 9px 0px 9px;
}

.txt a {
	font-weight:bold;
	color:#333333;
}

.btn_buscar {
}

/*
-------------------------------------------------------
*/

.T0_1 {
	width:960px;
}

/*.T0_2{
width:960px;
}*/

.T1_1 {
	width:240px;
	float:left;
}

.T1_2 {
	width:480px;
	float:left;
}

.T1_3 {
	width:720px;
	float:left;
}

.T2_1 {
	width:302px;
	float:left;
}

.T2_2 {
	width:600px;
	float:left;
}

/*      PLANTILLA PARA WEBS DE 800 X 600


.T0_1{
width:720px;


}
.T0_2{
width:720px;
}

.T1_1{
width:180px;
float:left;
}
.T1_2{
width:360px;
float:left;
}
.T1_3{
width:540px;
float:left;
}


.T2_1{
width:240px;
float:left;
}
.T2_2{
width:480px;
float:left;
}
.T2_3{
padding:5px;
width:625px;
float:left;
}*/

/*
-------------------------------------------------------
Logotipo comunica-web.com
*/

#cw {
	text-align:justify;
	width:188px;
	margin:0px auto 0px auto;
}

#cw #cw_logo {
	float:left;
	width:40px;
	height:34px;
	overflow-x:hidden;
	overflow-y:hidden;
	margin:0px;
	padding:0px;
}

#cw #cw_texto {
	float:right;
}

#cw #cw_texto h3 {
	color:#999999;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size:9px;
	margin:0px;
	padding:0px 0px 0px 3px;
}

#cw #cw_texto h3 a {
	color:#999999;
	text-decoration:none;
}

#cw #cw_texto #cw_marca a {
	display:block;
	padding-top:3px;
	color:#666666;
}