/****************************************************************************************************
General:
body, h1, h2, h3, a, img, ul ol, li, form, input, select, textarea, label
****************************************************************************************************/

body { font:11px arial; background:#a6d9ee; margin:0px; padding:3px 0 0 0; }

h1 { display:none; }
h2 { font-size:14px; color:#3399cc; }
h3 { font-size:12px; color:#3399cc; }

a { text-decoration:underline; color:orange; }
img { border:0px; }

ul { margin:0px; padding:0px; }
ol { margin:0px; padding:0px; }
li { margin:0px; padding:0px; }

form { margin:0px; padding:0px; }
input, select, textarea { font:11px arial; margin:0px; padding:0px; border:1px solid #ccc; color:#666; }
input, textarea { width:60%; }
label { float:none; width:auto; display:block; }

img { display:none; }

strong { color:#339900; }

/****************************************************************************************************
Identificadores:
contenedor, cabecera, logo, menusup, menusupesqizq, menusupesqdrc, colizq, colcen, noticias, coldr,
contenido, pie
****************************************************************************************************/

#contenedor { width:95%; background:#fff; border:0px; }

	#cabecera { width:100%; height:auto; background:none; display:none; }
	
		#logo { width:100%; height:auto; background:none; }
		
	#menusup { width:100%; text-align:left; background:none; display:none; }
	
		#menusup a { display:none; }
	
		#menusupesqizq { width:100%; background:none; display:none; }
		#menusupesqdrc { width:100%; padding:0px; background:none; display:none; }
	
	#colizq { float:none; width:100%; margin:0px; }
	
		#colizq ul { padding:0px; background:none; }
		#colizq ul li { height:auto; padding:0px; font-weight:normal; color:#386383; background:none; }
		#colizq ol { padding:0px; background:#fff; border:0px; width:auto; }
		#colizq li { list-style:circle; }
		#colizq a { color:orange; }
	
	#colcen { float:none; width:100%; background:none; margin:0px; padding:0px; text-align:justify; border:none; }
	
		#noticias { width:100%; border:0px; padding:0px; }
		
			#noticias h2 { padding:5px 0 0 0; }
			#noticias p { margin:0px; padding:5px 0 5px 0; }
	
	#coldrc { float:none; width:100%; margin:0px; padding:0px; }
	
		#coldrc li { list-style:disc; }
	
	#contenido { float:none; margin:0px; padding:0px; width:100%; border:0px; }
	
		#contenido h2 { padding:5px 0 5px 0; border:0px; }
		#contenido h3 { padding:5px 0 5px 0; }
		#contenido ul { margin:5px 0 5px 0px; }
		#contenido ol { margin:5px 0 5px 0px; }
		#contenido p { text-align:justify; }
	
	#pie { width:100%; padding:0px; text-align:center; color:#999; font-style:italic; border-top:1px solid #999; }
	
		#pie p { margin:0px; padding:0px; }
	
/****************************************************************************************************
Clases:
limpia, accesoplataforma, smsoutlook, titular, fecha, tabform, obligatorio, boton, buscador,
paginador
****************************************************************************************************/

.limpia { clear:both; }

.accesoplataforma { width:100%; height:auto; background:none !important; padding-right:0px !important; }
.accesoplataforma a { width:100%; height:auto; display:inline; }
.accesoplataforma span { display:inline;  }

.smsoutlook { width:100%; height:auto; background:none !important; padding-right:0px !important; border:0px; }
.smsoutlook a { width:100%; height:auto; display:inline; }
.smsoutlook span { display:inline;  }

.titular { float:left; display:block; width:290px; margin-bottom:5px; }
.fecha { float:right; display:block; width:60px; margin-bottom:5px; text-align:right; }

.tabform { margin-left:0px; width:auto !important }
.obligatorio { background:#FFFFB9; }
.checkbox { width:10px !important; }
.boton { background:#e7e7e7; border:1px solid #ccc; color:#666 !important; padding:0 2px 0 2px; }

.buscador, .paginador { padding:10px 0 10px 0; }

.servicio { width:auto; height:auto; background:none; display:inline }
.servicio span { display:inline; }

.porque { width:auto; height:auto; background:none; }
.porque  a { width:auto; height:auto; }
.porque span { display:inline; }

.exito { width:auto; height:auto; background:none; }
.exito a { width:auto; height:auto; }
.exito span { display:inline; }

.especial { width:auto; height:auto; background:none; }
.especial  a { width:auto; height:auto; }
.especial span { display:inline; }

.inicio { width:auto; height:auto; display:block; }
.inicio span { display:inline; }

