@charset "utf-8";
/* CSS Document */

/*********************************************************************************************

0. Estilos Generales   ----------------------------  Todas las hojas
1. Estructura General   ---------------------------  Todas las hojas
2. Columnas  --------------------------------------  Todas las hojas
3. Modulos  ---------------------------------------  Todas las hojas
4. Botones  ---------------------------------------  Todas las hojas
5. Listas -----------------------------------------  Todas las hojas
6. Artículos --------------------------------------  Todas las hojas
7. Formularios ------------------------------------  Todas las hojas 
8. Separadores ------------------------------------  Todas las hojas 
9. DONDE ESTAMOS  ---------------------------------  dondeEstamos.html
10. Medicos y especialidades ----------------------- medicosYEspecialidades.html
11. Aliados ---------------------------------------- aliados.html
12. Galerías ---------------------------------------- galerias.html
13. Telemedicina ------------------------------------ telemedicina.html
14. Quienes Sómos ----------------------------------- quienesSomos.html
15. Comentarios ----------------------------------- comentarios.html
16. Inicio ---------------------------------------- index.html


**********************************************************************************************/

/********************************************************************************************* 

0. Estilos Generales   ----------------------------  Todas las hojas

*********************************************************************************************/  

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#525356;
	margin:0;
	padding:0;
	background:#fbfbfb;
	}

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


    1.    Diagramación general 


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

#contenido {
    width: 66.67em ;  /* 1000px */ 
    margin: 0 auto;
    position: relative;
	/*background-color:#0FC;*/
}

#headerPpal {
    width: 66.67em ;  /* 1000px */ 
    margin: 0 auto;
    position: relative;
	/*background-color:#0FC;*/
}

#marca {
    font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
}

#marca #logo {
    float: left;
    margin-right: 2em;
}
#marca h1 {
    padding-top: 1em;
    margin-bottom: 0;
    font-size: 1.8em;
    color: #062340;
    }
#marca h1 a {
    text-decoration: none;
    color: #062340;
}
#marca p {
    color:#666767;
    font-size: .9em;
}


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


    4.    Navegación


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


 /*  Menú principal de secciones en el tope  */

 nav#secciones {
    font-size: 0.87em;
}

nav#secciones ul {
    text-align: right;
}
nav#secciones ul li {
    display: inline-block;
    padding: 1em;
    border-top: 5px solid #FFF;

}
nav#secciones ul li:hover {
        border-top: 5px solid #dbdbdb;
    background: url('../images/inicio-flag.png') no-repeat top center;
}
nav#secciones ul li.activo a {
    text-decoration: none;
    font-weight: bold;
    color: #5c5c5c;
}
nav#secciones ul li.activo {
    text-decoration: none;
    font-weight: bold;
    color: #5c5c5c;
}
nav#secciones ul li.activo {
     border-top: 5px solid #dbdbdb;
    background: url('../images/inicio-flag.png') no-repeat top center;
}




nav.migas {
    height: 15px;
}
nav.migas ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color:#6c65e6;
}
nav.migas li {
    float: left;
    display: inline-block;
    margin-right: 5px;
}
nav.migas li:before {
    content: '> ';
}
nav.migas li.primero:before {
    content: '';
}
nav.migas a {
    color:#6c65e6;
}



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


    2.     HEADER


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

.base_logo{
	width:74%;
	/*background-color:#06C;*/
}

.base_btn_rrss{
	width:25%;
	/*background-color:#33C;*/
	padding-top:1em;
	text-align:right;
}

.base_btn_rrss{
	display:inline-block;
	vertical-align:top;
}

.base_logo{
	display:inline-block;
	vertical-align:top;
}

.btn_ingresa{
	display:inline-block;
	vertical-align:top;
}

.btn_registrar{
	display:inline-block;
	vertical-align:top;
}

.rrss{
	margin-left:1em;
	margin-top:1em;
	display:inline-block;
	vertical-align:middle;
}
.rrss1{
    margin-left:0em;
	margin-top:1em;
	display:inline-block;
	vertical-align:middle;
}

.rrssB{
	margin-right:1em;
	margin-top:1em;
	display:inline-block;
	vertical-align:middle;
}
					

a {
	color:#006393;}
h1 {
	color:#ebb41f;
	font-weight:bold;
	font-size:23px;
	margin-top:0;
	padding-top:0;}
h1 a {
    color: #ebb41f;
    text-decoration:none;
}
h1 a:hover {
    text-decoration: underline;
}
h2 {
	font-weight:bold;
	font-size:15px;}
h3 {
	color:#ebb41f;
	font-size:14px;
	margin:0;
	padding:0;
	margin-bottom:5px;}
.clear {
	clear:both;}
.alinDer {
	text-align:right;}
.alinCen {
	text-align:center;}
p {
	line-height:18px;}
.amarillo{
	color:#ebb41f;
	}
.noMargen {
	padding:0;
	margin:0;}
.infoAdicional {
    	color:#878787;
	font-style:italic;
}

/********************************************************************************************* 

1. Estructura General   ---------------------------  Todas las hojas

*********************************************************************************************/  
#cabecera {
	background:url(../images/fondo_cab.png);
	width:952px;   /* referencia total: 1020px  */
	height:125px;  /* referencia total: 145px  */
	overflow:hidden;
	padding:20px 34px 0 34px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-510px;
	z-index:90;
	margin-top:10px;
	}
#logoSOS {
	padding:0 50px 0 26px;
	float:left;}
#logoSOS a {
	border:none;
	text-decoration:none;}
#logoSOS a img {
	border:none;}
#menuServicios {
	font-size:13px;
	}
#menuServicios ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#menuServicios li {
	float:left;
	margin:0;
	padding:0;
	margin-right:16px;
	}
#menuServicios a {
	padding:0 10px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
#menuServicios .destacado a {
	color:#052341 }
#logoUCV {
	position:absolute;
	top:10px;
	right:50px;}
#menuPpal {
	position:absolute;
	bottom:35px;
	left:34px;
	height:4px;
	}
#menuPpal ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#menuPpal li {
	float:left;
	background:url(../images/sepMenuPpal.gif) no-repeat right;
	font-size:13px;
	font-weight:bold;}
#menuPpal li:last-child {
	background:none;}
#menuPpal a {
	display:block;
	padding:10px 10px;
	color:#232323;
	text-decoration:none;
	}
#menuPpal a:hover {
	border-bottom:3px solid #353a44;}
#menuPpal .activo a {
	border-bottom:3px solid #353a44;
	}
#contenedor {
	width:950px;
	margin:0 auto;
	}
#banner {
	position:relative;
	padding:0;
	margin:0;
	border-bottom:1px solid #FFF;
	height:423px;
	margin-bottom:20px;
}
#banner .info {
	position:absolute;
	top:259px;
	left:60px;
	z-index:80;
	width:265px;}
#banner h1 {
	font-size:28px;
	color:#FFF;
	margin-bottom:8px;
	padding-left:15px;}
#banner p {
	color:#FFF;
	background:url(../images/bullBanner.png) no-repeat left top;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
	margin-top:0px;}
#banner .foto {
	position:absolute;
	}
#menuSec {
	height:35px;
	border-bottom:7px solid #d8d8d8;
	margin-bottom:40px;}
#menuSec ul {
	list-style:none;
	margin:0;
	padding:0;}
#menuSec li {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/sepMenuSec.png) repeat-y;
	font-size:12px;
	font-weight:bold;
	}
#menuSec li:first-child {
	border-left:solid 1px #919191;
	background:none;}
#menuSec a {
	color:#454545;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 17px 10px 20px;
	display:block;}
#menuSec a:hover {
	border-bottom: 8px #ebb41f solid;
	color:#ebb41f;
	padding-bottom:7px;
	}
#menuSec .activo {
	}
#menuSec .activo a {
		border-bottom: 8px #ebb41f solid;
	color:#ebb41f;
	padding-bottom:7px;
	}
	
/* ---------------------------------------------------


    2.     COLUMNAS


------------------------------------------------------*/
.col {
    float: left;
    position: relative;
    margin-bottom: 1.33em;

}

/*  Cuatro columnas  */
.cuatroCols > .col {
    width: 23.5%;
    margin-right: 2%;
}
.cuatroCols > .col.ultimo {
    margin-right: 0px;
}

/* Con tres columnas */
.tresCols >.col {
    width: 32%;
    margin-right: 2%;
}
.tresCols >.col.ultimo {
    margin-right: 0px;
}

/* Con dos columnas */
.dosCols > .col {
    width: 49%;
    margin-right: 2%;
}
.dosCols > .col.ultimo {
    margin-right: 0px;
}

/* Con columna lateral izquierda */
.conLatIzq > .col.lateral {
	width: 23.5%;
	margin-right: 2%;
}
.conLatIzq > .col {
    width: 74.5%;
}

/* Con columna lateral derecha */
.conLatDer > .col.lateral {
    width: 23.5%;
    margin-right: 0;
}
.conLatDer > .col {
    width: 74.5%;
    margin-right: 2%;
}



.doscols-asim .primero {
    width: 620px;
    margin-right: 22px;
}
.doscols-asim .ultimo {
    width: 228px;
}
.doscols .primero {
    width: 424px;
    margin-right: 22px;
}
.doscols .ultimo {
    width: 424px;
}
.trescols .col  {
    width: 340px;
}
.trescols .primero {
    margin-right: 18px;
}
.trescols .ultimo {
    margin-left: 18px;
    width: 234px;
}
/* ---------------------------------------------------


    4.     COLUMNAS HOME


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

.cajaCursos {    
    background: #FFF;
    padding:0.8em;
    border:#dbdbdb 1px solid;
    font-size: .93em;
    margin-bottom: 1em;
	line-height:1.5em;
}
.cajaCursos h1 {
	margin-top:0.4em;    
    font-size:1.4em;
    font-weight: normal;
    margin-bottom: 0.4em;
	color:#006393;
	
}
.cajaCursosA {    
    background: #FFF;
    padding:0.8em;
    border:#dbdbdb 1px solid;
    font-size: .83em;
    margin-bottom: 1em;
	line-height:1.2em;
}
.showme.cajaCursos  {
  line-height: 1em;
  margin-top:10px;
  box-shadow: -5px -5px 5px #CCC;
  position:relative; /* esto es para que en las internas no aparezca sobre las migas de pan */
  z-index:100;   /* esto es para que en las internas no aparezca sobre las migas de pan */
}
.showme.cajaCursos p {
  line-height: 1.2em;
}
/********************************************************************************************* 

3. Modulos  ---------------------------------------  Todas las hojas

*********************************************************************************************/ 
.modulo.bgris { /*  Modulo con bordes grises */
	border:solid 1px #dadada;
	padding:20px;
	background:#FFF;
	margin-bottom:20px;
}

/********************************************************************************************* 

4. Botones  ---------------------------------------  Todas las hojas

*********************************************************************************************/ 
.boton.tipo1 { /*  Amarillo con flecha blanca a la derecha */
	display:inline-block;
	background:#ebb41f url(../images/fondoBtnVerMas.gif) right no-repeat;
	height:20px;
	color:#FFF;
	text-decoration:none;
	text-align:left;
	padding-left:10px;
	}
.medio {
	width:130px;}
	
/********************************************************************************************* 

3. Listas  ---------------------------------------  Todas las hojas

*********************************************************************************************/ 

/* Lista de bullets azules */
.lista {
	list-style:none;
	}
.lista li {
	background:url(../images/bull.gif) no-repeat;
	padding-left:20px;
	padding-bottom:5px;}
	
.modulo.bgris .lista {
	margin:0;
	padding:0;}
	
/* Lista de dos columnas con impares en azul */
.listaDosCols {
	list-style:none;
	margin:0;
	padding:0;}
.listaDosCols li {
	float:left;
	width:47%;
	margin:0;
	padding:2% 1.5%;
	}
.listaDosCols .color {
	background: #f3f3f3;}
	
/* Lista de Iconos */
.listaIco {
	list-style:none;
	margin:0;
	padding:0;
	height:34px;
	margin-bottom:10px;
	}
.listaIco li {
	padding:0;
	margin:0;
	float:left;
	padding-right:7px;
	width:auto;}

/* Paginacion */
.paginacion {
	list-style:none;
	padding:0;
	margin:0;
	height:40px;}
.paginacion li {
	padding:0 5px;
	margin:0;
	float:left;
	width:auto;}
.paginacion li.activo {
	background:#ebb41f;
	font-weight:bold;
	}

	
	
/********************************************************************************************* 

6. Artículos --------------------------------------  Todas las hojas

*********************************************************************************************/  
/*  resumen Artículo  */
.resumenArt {
	margin-left:185px;
	position:relative;
	min-height:132px;}
.resumenArt .foto {
	padding:4px;
	background:#FFF;
	border:solid 1px #dbdbdb;
	position:absolute;
	left:-185px;
	}
.resumenArt .fecha {
	color:#878787;
	font-size:12px;
	font-style:italic;
	margin-bottom:5px;}
.resumenArt h2 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
.articulo .fecha {
	color:#878787;
	font-size:12px;
	font-style:italic;
	margin-bottom:15px;
	}
.articulo .foto {
	padding:10px;
	border:solid 1px #dbdbdb;}
.articulo .pieFoto {
	font-style:italic;}
	
	/*paginador*/
.bread{
	width:38%;
	text-align:right;
	font-weight:bold;
	float:right;
	vertical-align:middle;
	padding-bottom:1em;
}

.bread a{
	padding:0 5px;
}

.bread a.activo{
	color:#999;
	text-decoration:none;
}

.bread a:hover{
	color:#999;
}
/********************************************************************************************* 

7. Formularios ------------------------------------  Todas las hojas

*********************************************************************************************/  
.buscador {}
.buscador label {
	font-weight:bold;
	padding-right:10px;}
.buscador input {
	border:solid 1px #c9c9c9;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;}
.buscador .btnOK {
	background:#ebb41f;
	padding:2px 4px;
	color:#FFF;
	border:solid 1px #c9c9c9;
	cursor:pointer;}
/********************************************************************************************* 

8. Separadores ------------------------------------  Todas las hojas 

*********************************************************************************************/  
.sep1 { /* separador con degradado */
	background:url(../images/fondo_sep1.gif) repeat-x;
	height:14px;
	margin:10px 0;}
.sep2 { /* separador de linea gris */
	height:8px;
	background:#d8d8d8;
	margin:0 0 30px 0;
	}
/********************************************************************************************* 

9. DONDE ESTAMOS  ---------------------------------  dondeEstamos.html

*********************************************************************************************/ 
h2.listaEstados {
	color:#006393;
	display:block;
	background:#d8d8d8;
	font-size:14px;
	text-transform:uppercase;
	padding:5px;
	margin-top:25px;}
h2.listaEstados .cantidad {
	font-size:14px;
	font-weight:normal;
	text-transform:none;
	color:#505050;}
/********************************************************************************************* 

10. Medicos y especialidades ----------------------- medicosYEspecialidades.html

*********************************************************************************************/ 
/*.especialidad {
	}
.especialidad:hover, especialidad.activo {
		}*/
.listaEspec {
}
.listaEspec ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.listaEspec li {
	margin:0;
	padding:0;
	margin-bottom:5px;
	}
	
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	position:relative;
}

/* accordion header */
#accordion h2 {
	font-size:16px;
	color:#525356;
	border-bottom:solid 1px #d5d5d5;
	display:block;
	padding:8px 11px;
	width:295px;
	margin:0;
	font-weight:normal;
}

/* currently active header */
#accordion h2.current {
    cursor:default;
	background:#ebb41f url(../images/cursor_especialidades.gif) no-repeat right;
	color:#FFF;
	position:relative;
	z-index:99;
	border-bottom:solid #7e7e7e 1px;
	
}
#accordion h2:hover {
	cursor:pointer;
	color:#ebb41f;}
#accordion h2.current:hover {
	color:#FFF;}

/* accordion pane */
#accordion .pane {
	background:#d8d8d8 url(../images/fondo_mod_gris.gif) repeat-y;
	padding:30px 40px;
	min-height:200px;
	width:250px;
	position:absolute;
	left:300px;
	top:0;
    display:none;
}

/* a title inside pane */
#accordion .pane h3 {
    font-weight:normal;
    margin:0;
    font-size:16px;
    color:#999;
}
/********************************************************************************************* 

11. Aliados ---------------------------------------- aliados.html

*********************************************************************************************/ 
.listaAliados {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;}
.listaAliados li {
	margin:0;
	padding:0;
	float:left;
	margin-right:12px;
	text-align:center;}
.listaAliados .ultimo {
	margin-right:0;}
.listaAliados a img {
	border:solid 1px #ececec;
	display:block;
	margin-bottom:18px;}
/********************************************************************************************* 

12. Galerías ---------------------------------------- galerias.html

*********************************************************************************************/
.listaGaleria {
    margin: 0;
    padding: 0;
    list-style: none;
}
.listaGaleria li {
    margin: 0 10px 20px 0;
    padding: 0;
    display: block;
	/*height: 300px;*/
    float: left;
}
p.pieFoto {


height:55px;
 display: block;
}

.listaGaleria.tresCols li {
    width: 32%;
}
.listaGaleria.cincoCols li {
    width: 19.14%;
}
.listaGaleria.dosCols li {
    width: 39.4%;
    margin: 0 45px 10px 50px;
    position: relative;
}
.listaGaleria .ultimo {
    margin-right: 0;
}
.listaGaleria img {
    padding: 6px;
    border: 1px solid #dbdbdb;
    margin-bottom: 10px;
    display: block;
}
.listaGaleria .fecha {
    margin-top:10px;
    font-style: italic;
    color:#878787;
    font-size:12px;
}
.listaGaleria .extraInfo {
    position: absolute;
    bottom: 2px;
    right:0;
}
.listaGaleria .extraInfo img {
    display: inline;
    border: 0;
    padding: 0 0 0 10px;
}
/********************************************************************************************* 

13. Telemedicina ------------------------------------ telemedicina.html

*********************************************************************************************/
.buscador2 {
    margin-top: 30px;
}
.buscador2 label {
    margin-bottom:5px;
    display: block;
}
.buscador2 input {
    border: solid 1px #d1d0d0;
    padding:5px;
    width: 240px;
    margin-bottom: 10px;
}
.buscador2 input.btnBuscar {
    background: #ebb41f;
    color: #FFF;
    font-size: 14px;
    padding: 2px 8px;
    width: 140px;
    border: none;
    text-align:left;
    cursor: pointer;
}
/********************************************************************************************* 

14. Quienes Sómos ----------------------------------- quienesSomos.html

*********************************************************************************************/ 
.ficha {
	margin-left:225px;
	position:relative;
	min-height:132px;
        min-height: 200px;}
.ficha .foto {
	padding:4px;
	background:#FFF;
	border:solid 1px #dbdbdb;
	position:absolute;
	left:-225px;
	}
.ficha h2 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
/********************************************************************************************* 

15. Comentarios ----------------------------------- comentarios.html

*********************************************************************************************/ 
.formComent {
    margin-left: 20px;
    margin-top:40px;
}
.formComent label {
    width: 114px;
    float: left;
    font-weight: bold;
}
.formComent input, .formComent textarea {
    border:solid 1px #d1d0d0;
    background: #FFF;
    padding: 5px;
    width: 450px;
    margin-bottom: 20px;
}
.formComent input.btnEnviar {
    background: #ebb41f;
    color: #FFF;
    font-size: 14px;
    padding: 2px 8px;
    width: 140px;
    border: none;
    text-align:left;
    cursor: pointer;
    margin-left:114px;
}
/********************************************************************************************* 

16. Inicio ---------------------------------------- index.html

*********************************************************************************************/ 
/* Columnas */
.dosColsHome .columna.izq {
	width:492px;
	margin-right:10px;
	}
.dosColsHome .columna.izq .fila {
	height:31.7%;
	margin-right:2.4%;
	}
.dosColsHome .columna.der {
        width: 448px;
	margin-right:0;}

/* Pestañas home */
.tabs {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:7px solid #d8d8d8;
	height:35px;}
.tabs li {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/sepMenuSec.png) repeat-y;
	font-size:12px;
	font-weight:bold;
	}
.tabs li:first-child {
	border-left:solid 1px #919191;
	background:none;}
.tabs a {
	color:#454545;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 17px 10px 20px;
	display:block;}
.tabs a.current {
	border-bottom: 8px #ebb41f solid;
	color:#ebb41f;
	padding-bottom:7px;
	}
.tabs a:hover {
            color:#ebb41f;
            
        }
.panes {
            background:#d8d8d8;
            padding:25px;
            height: 160px;
        }
.panes ul {
            list-style: none;
            margin:0;
            padding:0;
            margin-right: 10px;
        }
.panes li {
            margin: 0;
            padding: 0;
            margin-bottom:10px;
            font-weight: bold;
        }
        .panes p {
            margin: 0;
            padding: 0;
        }
.nombreTestigo {
            color:#796631;
            font-style: italic;
        }
/* Sección de Redes Sociales */
.redesSociales {
    background: url("../images/fondo_redes_sociales.gif") repeat-x;
    height: 45px;
    color:#FFF;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 6px;
    line-height: 11px;
}
.redesSociales a {
    color:#FFF;
    text-decoration: none;
}
.redesSociales .siguenos {
    font-size:16px;
}
.redesSociales img {}
.flip1 {
   font-size: 14px;
   font-weight: bold;
   color:#303030;
   border-bottom:1px solid #d8d8d8;
   background: url("../images/btn_masSitios.gif") no-repeat right;
   padding-bottom: 5px;
   cursor: pointer;
   padding-top:0px;
   margin-top: 2px;
}
.flippan1 {
   display: none;
}

.flip2 {
   border-bottom:1px solid #d8d8d8;
   padding-bottom: 5px;
   padding-top:0px;
   margin-top: 2px;
}


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


    21.     SEPARADOR


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


.separador{
	width:100%;
	margin-bottom:0.2em;
}



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


    20.     FORMULARIO SERVICIOS


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

.formServ {
	width:100%;
	font-size:0.8em;

}

.formServB {
	width:50%;
	margin:auto;

}


.formServ h1 {
	color: #333;
    font-size: 1.4em;
    letter-spacing: -0.04em;
    font-weight: normal;
	margin-top:0;
    margin-bottom:2em;
	line-height:1.5em;

}


.formServ, .formServ .texto{
	display:inline-block;
}

.formServ .texto{
	width:38%;
	text-align:left;
}

.formServ input {
	border:1px solid #9D9D9D;
	width:56%; 
	padding:2%;	
	margin-bottom:0.5em;
	background-color:#FFF;
	font-size:0.9em; 
	color:#666;

}

input.checkbox {
	margin:1em 0 2em 0;	
	width:5%;
	text-align:left;
	display:inline-block;
}


.formServB input[type=submitB] {
	color:#EDB500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#FFF;
	text-align:center;
	padding:0.3em;
	width:30%;
	font-style:normal;
	border:0;
	border:1px solid #E6E6E6;
}

.formServB input[type=submitA] {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#EDB500;
	text-align:center;
	padding:0.3em;
	width:30%;
	font-style:normal;
	border:0;
}


.formServ input[type=submitA]{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	background-color:#EDB500;
	text-align:center;
	padding:0.5em;
	width:35%;
	font-style:normal;
	border:0;
	float:right;
	margin-top:1em;
}

.formServ select {
	text-align:left;
	border:1px solid #9D9D9D;
	width:60%; 
	padding:2%;	
	margin-bottom:0.5em;
	background-color:#FFF;
	font-size:0.9em; 
	color:#666;
}

.formServ option {
	background-color:#EBEBE8;
}

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


    19.     FORMULARIO


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

.formulario input {
	width:80%; 
	padding:1em;
	background-color:#FFF;
	font-size:0.85em; 
	color:#666;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #A7A7A7;
	margin-bottom:0.5em;

}

.formulario textarea {
	height:85px; 
	width:80%; 
	padding:1em;
	background-color:#FFF;
	font-size:0.85em; 
	color:#666;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #A7A7A7;
	margin-bottom:0.5em;
}

.formulario input[type=submit] {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	background-color:#EDB500;
	text-align:left;
	padding:0.5em;
	width:30%;
	font-style:normal;
	border:0;
}



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


    6.     DOS COLUMNAS


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

.BaseDosCol{
	width:50%;
	float:left;
	margin-top:1em;
}

.ColDer{
	padding:2% 5% 5% 5%;
	width:85%;
}

.ColDer span, .ColIzq span{
	color:#333;
	font-weight:bold;
}

.ColIzq{
	padding:2% 5% 5% 5%;
	border-left:1px solid #CCCCCC;
	width:85%;
}

.ColIzqSinRaya{
	padding:2% 5% 5% 5%;
	width:85%;
}