@import url(http://fonts.googleapis.com/css?family=Cabin);
html
{
	height: 100%;
    width: 100%;
}
body
{
	background-color: #ffffff;
	color:#000000;
	margin: 0;	
    font-family: 'Cabin', sans-serif;
}
a
{
	color:#4b69d8;
	text-decoration:none;	
}
a:link {
	color:#4b69d8;
	text-decoration:none;
}
a:visited {
	color:#4b69d8;
	text-decoration:none;
}
a:hover {
	color:#4b69d8;
	text-decoration:none;
	border-bottom: 1px dashed #4b69d8;
}
#pagina
{
	background-color: #ffffff;
	width: 100%;
	height: 100%;	
}
#contenido
{
	width: 1001px;
	height: 100%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color:#FFFFFF;		
}
#header
{
    height: 100%;
	padding: 20px;
}
#toph
{
	background-color: #d0d9f8;
    padding-top: 7px;
    height: 50px;
    width: 100%;	
}
#logo
{
	width:350px;
	position:relative;
	float:left;
	height: 90px;
	padding-right: 30px;
}
#pub_header
{
	width:470px;
	position:relative;
	float:left;
	padding-top: 10px;
}
#secciones
{
	width: 100%;
	padding-top: 30px;	
}
#enlaces_izq
{
	float: left;
    width: 200px;
    border-top: 1px solid #ffffff;
}
#enlaces
{
	float: left;
	width: 800px;
	height: 37px;	
	border-left: 1px solid #ffffff;	
	border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;	
}
#cuerpo
{
	border-bottom: 2px solid #ffffff;
}
.sec
{
	padding-top: 7px;
    	width:399px;
	height: 30px;
	position:relative;
	float:left;
	font-size: 16px;
	border-right: 1px solid #ffffff;
	text-align:center;    		
}
#izquierda
{
	width:200px;
	height:100%;
	position:relative;
	float:left;	
	border-top: 1px solid #ffffff;	    
}
#derecha
{
	width:249px;
	height: 710px;
	position:relative;
	float:left;
	border-left: 1px solid #ffffff;	
	border-top: 1px solid #ffffff;			
}
#medio
{
	width:760px;
	height: 100%;
	position:relative;
	float:left;
	padding-left: 20px;
    border-left: 1px solid #ffffff;	
}
#redessociales
{
	padding-left: 20px;
    font-size: 17px;
}
.fras
{
	font-size: 23px;
    font-weight: bold;
}
.frases
{
	width: 480px;		
}
.frase
{
	width: 720px;
	padding: 15px;
	float:left;
	font-size: 14px;
	border-top: 2px dashed #ffffff;
}
.frase:hover
{
	width: 720px;
	padding: 15px;
	float:left;
	font-size: 14px;
	border-top: 2px dashed #ffffff;
	background-color: #d0d9f8;
}
.especial
{
	padding: 15px;
    cursor: pointer;
}
.especial:hover
{
	background-color: #d0d9f8;
    border-bottom: 2px dashed #ffffff;
}
.etiquetas
{
	font-size: 13px;	
}
.infocat
{
	width: 710px;
	padding: 20px;
	background-color: #d0d9f8;	
}
.titulocat
{
	color:#660099;
	font-size:16px;
	font-weight:bold;
}
.texto{ 
	padding-left: 35px;
    height: 30px;
    width: 690px;
    position:relative;
    background: url("../img/cita.png"); /* background: url("../img/cita.png"), url("../img/cita2.png") right no-repeat */ 
    background-repeat: no-repeat;     
}
.numfrase
{
	padding: 10px; 
    background-color: #d0d9f8;
}
#buscador
{
	width: 100%;
	height: 80px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;
}
#top3
{
	width: 100%;
	height: 150px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;	
}
#ri
{
	width: 100%;
	height: 170px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffffff;	
}
#registro
{
	padding-left: 20px;
	padding-right: 20px;	
}
#login
{
	padding-left: 20px;
	padding-right: 20px;	
}

    .h2comentarios
    {
        border-bottom: 3px dashed #ffffff;
        font-size: 16px;
    }

    .agregarcomentario {
       width: 130px;
       border: 1px solid #000000;
       background: #d0d9f8;
       padding: 8.5px 17px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       text-shadow: rgba(0,0,0,.4) 0 1px 0;
       color: #000000;
       font-size: 14px;
       text-decoration: none;
       vertical-align: middle;      
       cursor: pointer;
       }
       
    .comentarios
    {
    	padding-left: 40px;
    }   
       
    .comentario_id
    {
       font-size: 17px;
    } 
    
    .cel-com
    {
    	border-bottom: 2px dashed #ffffff;
    	padding-bottom: 12px;
        padding-top: 12px;
        font-size: 15px;
    } 
    
    #post-comentario
    {
       font-size: 15px;
    }     
    
.bot_login
{
	height: 30px;
	width: 150px;
	background-image: linear-gradient(bottom, rgb(8,134,245) 6%, rgb(4,50,179) 46%);
	background-image: -o-linear-gradient(bottom, rgb(8,134,245) 6%, rgb(4,50,179) 46%);
	background-image: -moz-linear-gradient(bottom, rgb(8,134,245) 6%, rgb(4,50,179) 46%);
	background-image: -webkit-linear-gradient(bottom, rgb(8,134,245) 6%, rgb(4,50,179) 46%);
	background-image: -ms-linear-gradient(bottom, rgb(8,134,245) 6%, rgb(4,50,179) 46%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(8,134,245)),
		color-stop(0.46, rgb(4,50,179))
	);	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: none;
	font-size: 16px;
	color: #ffffff;	
}
.campo_login
{
	font-size: 16px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height:30px;
	width: 150px;
	border: 2px solid #f3f3f3;			
}
.usuario_registro
{
	background-position: left center;
	padding-left: 30px;
	width:183px;
	height: 30px;
	border: 2px dashed #e3e3e3;
	background-image: url(../img/user_registro.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
}
.pass_registro
{
	background-position: left center;
	padding-left: 30px;
	width:183px;
	height: 30px;
	border: 2px dashed #e3e3e3;
	background-image: url(../img/pass_registro.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
}
.email_registro
{
	background-position: left center;
	padding-left: 30px;
	width:183px;
	height: 30px;
	border: 2px dashed #e3e3e3;
	background-image: url(../img/email_registro.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
}
.bot_registro
{
	background-position: left center;
	padding-left: 30px;
	width:250px;
	height: 30px;
	border: 2px dashed #e3e3e3;
	background-image: url(../img/submit.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
	cursor: hand;
}
.error
{
	background-color: #FF939C;
	border: 2px dashed #F00;
	padding: 7px;		
}
.val
{
	background-color: #ADFF9B;
	border: 2px dashed #1EA800;
	padding: 7px;		
}
.log1
{
	border: 2px #FF0000 dashed;
	background-color: #FF939C;
	padding: 7px;
}
.log2
{
	border: 2px #FFE900 dashed;
	background-color: #FFF793;
	padding: 7px;
}
.log3
{
	border: 2px #009E0F dashed;
	background-color: #A3FFAD;
	padding: 7px;
}

.f
{
	background-color:#FFFFFF;
	height: 100%;
    width: 1001px;	
}
.uploadfrase {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   font: bold 11px;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
   width: 128px;
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;   
}
.uploadfrase:active {
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}

.nb {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   font: bold 11px;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
   width: 90px;
}
.nb:hover, .nb:focus {
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.nb:active {
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}
#topfrases
{
	float: left;
    width: 312px;
    height: 400px;
    text-align: left;
    padding: 10px;
}
#enlacesex
{
	float: left;
    width: 312px;
    height: 400px;
    text-align: left;
    padding: 10px;    
}
#formContacto
{
	float: left;
    height: 400px;
    text-align: left;
    padding: 10px;
    height: 400px;
}
#textofooter
{
	padding-top: 30px;
	width: 100%;
}
#linea_textofoo
{
	height: 5px;
    background-color: #FFFFFF;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;    
}
#textofoo
{
    text-align: left;
    width: 1000px;
    text-align: justify;
    padding-top: 20px;
    padding-bottom: 20px;
}
#seccionesfooter
{
	padding-top: 10px;
	width: 1000px;
}
#secfoo
{
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
#piefinal
{
	padding-top: 10px;
	width: 100%;
    background-color: #BBBBBB;    
}
#pie
{
	width: 1000px;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 25px;
    font-style:italic;
}
.highlight
{
    border: 1px solid #CCC;
    background: #EEE;
    padding: 15px;
    margin: 20px;
}
.menu
{
	border: 2px solid #ffffff;
    -webkit-box-shadow: 1px 1px 1px rgba(66, 50, 50, 0.2);
    -moz-box-shadow:    1px 1px 1px rgba(66, 50, 50, 0.2);
    box-shadow:         1px 1px 1px rgba(66, 50, 50, 0.2);
}
.cabeza_pie_menu
{
	width: 200px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
    height: 40px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
}
.cuerpo_pie_menu
{
	padding: 10px;
    background-color: #FFFFFF;
    height: 100%;
}


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

.menu_instalacion
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #e3e3e3;
    background-color: #FFFFFF;
    padding: 25px;
}